angularjs – htaccess重定向的Angular路由

我有一个角度应用程序与几个路由,如:
site.com/
site.com/page
site.com/page/4

使用angular的html5路由模式,当您点击应用程序中的链接时,这些解决方法会正确解析,但当您执行硬刷新时,当然是404错误。为了解决这个问题,我试过实现一个基本的htaccess重写。

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_METHOD} !OPTIONS
RewriteRule ^(.*)$ index.html [L]

这适用于角请求,但是当我尝试加载脚本或在我的域中进行ajax调用时,如:

<script src="/app/programs/script.js"></script>

此脚本不加载 – 它的请求被重定向,它试图加载index.html页面作为.htaccess认为它应该重新路由请求 – 不知道这个文件的确存在,它应该加载文件,而不是重定向

有没有什么办法,我可以有htaccess重定向请求到index.html(与视图参数)只有当没有一个实际的文件,它应该解决吗?

使用以下代码段:
RewriteEngine on
    RewriteCond %{REQUEST_FILENAME} -s [OR]
    RewriteCond %{REQUEST_FILENAME} -l [OR]
    RewriteCond %{REQUEST_FILENAME} -d
    RewriteRule ^.*$ - [NC,L]

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

这将跳转到实际资源,如果有一个和index.html所有angularjs路由。

相关文章

AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...