使用ui-router的Angularjs客戶端路由

Question

我使用ui-router （狀態）進行路由：

$urlRouterProvider.otherwise('/Home');

$stateProvider
    .state('home', {
        url: '/Home',
        templateUrl: '/Home/Home',
        controller: 'MainCtrl'
    })
    .state('posts', {
        url: '/Posts',
        templateUrl: '/Home/Posts',
        controller: 'PostCtrl'
    });

$locationProvider.html5Mode(true);

在HTML中我有這樣的事情：

<html>

<head>
    <base href="/" />
    <!--render scripts -->
    <title>My Angular App!</title>
</head>

<body ng-app="flapperNews" ngcloak>
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <ul>
                <li><a ui-sref="home">Home</a></li>
                <li><a ui-sref="posts">Posts</a></li>
            </ul>
            <ui-view></ui-view>
        </div>
    </div>
</body>
</html>

當我使用我的菜單鏈接（主頁，帖子）時，應用程序正常工作，並根據需要在<ui-view></ui-view>更新我的視圖。 當我在第一次下載后使用地址欄將URL更改為localhost:port/Posts ，應用程序將刷新頁面。

請記住，我從鏈接中刪除了＃。

為什么棱角分明不知道我的路線？

或者我如何設置角度的客戶端菜單？

Answer 1

Angular知道您的路線，但您的網絡服務器可能認為他需要在地圖posts顯示index.html頁面

嘗試將你的html5Mode設置為false，看看它是否仍然發生在這個鏈接上並查看關於Hashbang and HTML5 modes的部分

尤其是最后一行requires server-side configuration: Yes

使用ui-router的Angularjs客戶端路由

問題描述

1 個解決方案

解決方案1
1 已采納 2016-02-02 13:33:04

使用ui-router的Angularjs客戶端路由

問題描述

1 個解決方案

解決方案1 1 已采納 2016-02-02 13:33:04

解決方案1
1 已采納 2016-02-02 13:33:04