本文介绍如何在AngularJS应用中去除URL中的'#'符号，并通过配置$locationProvider和使用base标签实现HTML5模式。同时介绍了如何配合Express服务器进行设置以确保页面正常加载。
angularjs的官网关于去掉#是这样的(https://docs.angularjs.org/error/$location/nobase)，需要修改两个地方：
1、app.js(路由设置文件)：
app.config(function($stateProvider, $urlRouterProvider, $locationProvider) { //some code $locationProvider.html5Mode(true); });2、index.html
<head> <base href="/"> </head>这样设置之后，则项目的入口只能是‘/’，如果从别的页面打开项目，则页面can not found；从‘/’进入页面后，在之后的页面中不能进行刷新操作，否则页面也会can not found。
网上有两种解决方法，一种是用设置nginx的配置文件，目前对于nginx不了解，没有实践；第二种是在Express中进行设置：
3、在Express框架的路由设置文件中：
var app = express(); app.get('*', function (req, res) { res.render('index'); });进行这3步设置之后，则可以去掉url中的‘#’，并且正常访问网站了。
扫一扫
1651
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
