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

浏览:25日期:2022-12-28

问题描述

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

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

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

http://your.domain/app/forms

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

问题解答

回答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 的方案而不用哈希方案。

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

相关文章: