angularjs中URL中的#号问题,$locationProvider.html5Mode(true)刷新404

解决办法原文地址:https://blog.csdn.net/weixin_36185028/article/details/72179568

angularjs支持两种url模式,hash模式和html5模式

认是hash模式,在hash模式下url中有#,例如:http://localhost:9090/#/cases/all

html5模式下url中是没有#的,

如何设置html5模式呢?

$locationProvider.html5Mode(teral">true);

teral">这样设置之后url中确实是没有#号了,但又有一个新的问题出现了:从http://localhost:8000/view1跳转到http://localhost:8000/view2时一切正常,当刷新view1页面或者直接输入URL地址http://localhost:8000/view1后会出现404问题,那么这个问题该如何解决呢?

teral">解决办法原文地址:https://blog.csdn.net/weixin_36185028/article/details/72179568

teral">1、app.js中设置$locationProvider.html5Mode(teral">true);

teral">2、index.html页面中元素内添加标签

3、静态网站

编辑Nginx配置文件Nginx.conf,增加try_files配置。

Nginx.conf配置 $htdocs /www/deploy/mysite/// /index.html =404

动态网站

动态网站,一般不是通过Nginx直接路由,而是通过Web服务器管理路由。假设我们使用的是Node.js的Express的Web框架。打开Express框架的路由访问控制文件server.js,增加路由配置。

(req.path.indexOf()>=}</span><span style="color: #0000ff"&gt;else</span>{ <span style="color: #008000"&gt;//</span><span style="color: #008000"&gt;angular<a href="https://www.jb51.cc/tag/qidongye/" target="_blank" class="keywords">启动页</a></span> res.sendfile(<span style="color: #800000"&gt;'</span><span style="color: #800000"&gt;app/index.html</span><span style="color: #800000"&gt;'</span><span style="color: #000000"&gt;); }

});

设置当 站内路径(req.path) 不包括 /api 时,都转发到 AngularJS的ng-app(index.html)。所以,我们再直接访问地址 (http://onbook.me/book)时,/book 不包括 /api,就会被直接转发到AngularJS进行路由管理.

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...