AngularJS URL通過$ locationProvider.html5Mode（true）進行轉義

Question

我正在構建一個AngularJS應用程序，它可以很好地與哈希URL一起使用。 如果單擊錨點<a href="#/3125/">則該URL將更新為所需的http://localhost:8000/app/index.html#/3125/ 。

現在，我計划將URL更改為HTML5模式，因此我使用以下代碼配置了該應用程序

var demoApp = angular.module('demoApp', ['demoResources']);
    demoApp.config(['$locationProvider', function($locationProvider) {
        $locationProvider.html5Mode(true);
}]);

不幸的是，這一次，如果我單擊相同的錨點，則會使URL轉義為http://localhost:8000/app/index.html#%2F3125%2F從而鏈接斷開。 但是，預期的URL是http://localhost:8000/app/index.html/3125 。

有誰知道為什么這不起作用？ 我正在使用Angular 1.2.1

Answer 1

您應該在應用程序的<head>部分中添加一個<base>標記：

<base href="/app"/>

請參閱$ location文檔中的“相對鏈接”部分。

另請參見AngularJS子目錄路由不起作用，已應用<base>標記

AngularJS URL通過$ locationProvider.html5Mode（true）進行轉義

問題描述

1 個解決方案

解決方案1
1 已采納 2014-01-24 19:47:15

AngularJS URL通過$ locationProvider.html5Mode（true）進行轉義

問題描述

1 個解決方案

解決方案1 1 已采納 2014-01-24 19:47:15

解決方案1
1 已采納 2014-01-24 19:47:15