angular.js - 關於Angular單頁應用的URL位址問題

Question

我發現很多Angular的單頁應用的URL位址都是如下的格式：

http://your.domain/page/#/app/forms/validate

中間都有一個#號，看著很不爽，
能不能透過什麼方式改變成如下的樣式：

http://your.domain/app/forms

另外：Angular的單頁可以用pushState替換嗎？或是用一個叫Pjax的插件
希望大家給點提示，這一塊有點懵！

Answer 1

如果是 angular 1.x 的話可以在路由結尾加一句 $locationProvider.html5Mode(true);

app.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
 $routeProvider
 .when('/article', {
   templateUrl: '/article.html',
   controller: 'ArticleController'
 }).otherwise({
   redirectTo: '/index'
 });
 $locationProvider.html5Mode(true);
}])

這套路由方案預設是以 # 開頭的雜湊方式，如果不考慮低版本瀏覽器，就可以直接呼叫 $locationProvider.html5Mode(true) 利用 H5 的方案而不用哈希方案。

有興趣的話直接看我的文章，裡面有一篇詳解前端路由機制的