用了ui-router地址栏没有#, 切换路由后视图也能切换，但是一刷新就Cannot GET

Question

路由配置如下：

states: [
            {
                name: "app",
                data: {
                    url: '/',
                    views: {
                        'header': {
                            templateUrl: '/views/common/header.html',
                            controller: null
                        },
                        'content': {
                            templateUrl: '/views/common/content.html',
                            controller: null
                        },
                        'footer': {
                            templateUrl: '/views/common/footer.html',
                            controller: null
                        }
                    }
                }
            },
            {
                name: "app.about",
                data: {
                    url: 'about',
                    views: {
                        'content@': {
                            templateUrl: '/views/about.html',
                            controller: null
                        }
                    }
                }
            },
            {
                name: "app.contact",
                data: {
                    url: 'contact',
                    views: {
                        'content@': {
                            templateUrl: '/views/contact.html',
                            controller: null
                        }
                    }
                }
            }
        ]
        

index.html主要如下：

<div ui-view="header"></div>
<div ui-view="content"></div>
<div ui-view="footer"></div>

header.html里是两个路由

 <a ui-sref="app.about">关于我们</a>
 <a ui-sref="app.contact">联系我哈</a>

现在点击app.about 和app.contact都能切换视图， 但是地址栏没有#,一刷新就
Cannot GET

Answer 1

"Cannot GET" 是因为浏览器不知道你是想设置路由，以为你是在执行请求。

试试配置上：$locationProvider.html5Mode(true);

https://docs.angularjs.org/ap...$locationProvider