angularjs ui-router路由移除#解决方案

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularjs ui-router路由移除#解决方案相关的知识,希望对你有一定的参考价值。

  1. ui-router中增加

$locationProvider.html5Mode(true);

   2.根目录增加.htaccess文件,并增加

RewriteEngine On
# If an existing asset or directory is requested go to it as it is
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
RewriteRule ^ - [L]

# If the requested resource doesn‘t exist, use index.html
RewriteRule ^ /index.html

   3.在index.html的head标签中增加

<base href="/">

   4.若刷新页面后样式失效,请查看是否路径为"./abc"写法,改写成绝对路径"/abc"

以上是关于angularjs ui-router路由移除#解决方案的主要内容,如果未能解决你的问题,请参考以下文章

AngularJS ui-router (嵌套路由)的简单学习

angularjs路由ui-router配置

angularjs ui-router 路由简介

angularJs模块ui-router之路由控制

angularjs ui-router传值

angularJs模块ui-router之路由控制