angular.js html5mode页面刷新问题[重复]

Posted

技术标签:

【中文标题】angular.js html5mode页面刷新问题[重复]【英文标题】:angular.js html5mode page refresh issue [duplicate] 【发布时间】:2019-01-22 20:36:07 【问题描述】:

我将我的 angular.js 项目转换为 html5mode 一切正常,直到我尝试刷新我的页面。我做了一些研究,发现它与服务器端有关。

我将<base href="/index.html"> 添加到我的 index.html 中,在所有内容之前。

然后将$locationProvider.html5Mode(true).hashPrefix('!'); 添加到我的应用配置中。

正如其他问题中所建议的那样,我将这些行添加到我的 .htaccess 中

RewriteEngine on
RewriteCond %REQUEST_FILENAME -s [OR]
RewriteCond %REQUEST_FILENAME -l [OR]
RewriteCond %REQUEST_FILENAME -d
RewriteRule ^.*$ - [NC,L]

RewriteRule ^(.*) /index.html [NC,L]

但我的问题还在继续。

我该怎么办?

【问题讨论】:

【参考方案1】:

我的问题已经解决了

<IfModule mod_rewrite.c>
    Options +FollowSymlinks
    RewriteEngine On
    RewriteBase /
    RewriteCond %REQUEST_FILENAME !-f
    RewriteCond %REQUEST_URI !^/$
    RewriteRule (.*) /#!/$1 [NE,L,R=301]
</IfModule>

【讨论】:

以上是关于angular.js html5mode页面刷新问题[重复]的主要内容,如果未能解决你的问题,请参考以下文章

AngularJS关于带有html5mode页面刷新错误的页面[重复]

带有 Html5Mode 的 Angular-UI-Router 刷新页面问题

在angular.js中利用js代码进行页面刷新

在不刷新页面的情况下将Youtube视频嵌入Angular JS的问题

刷新页面显示找不到文件错误如何使用 [angular js + NodeJS/ExpressJS] 解决

AngularJS - ui-router - MVC 5 - html5mode