angular.js - 关于Angular单页应用的URL地址问题

问题描述

问 题

我发现很多Angular的单页应用的URL地址都是如下的格式：

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

中间都是有一个#号，看着很不爽，
能不能通过什么方式改变成如下的样式：

http://your.domain/app/forms

另外：Angular的单页可以用pushState替换吗？或者用一个叫Pjax的插件
希望大家给点提示，这一块有点懵！

解决方案

如果是 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 的方案而不用哈希方案。

感兴趣的话直接看我的文章，里面有一篇详解前端路由机制的

这篇关于angular.js - 关于Angular单页应用的URL地址问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！