Angular 2 路由，.htaccess

Question

我的路由有一些问题。它在 localhost 上运行良好，但是当我将它放在服务器上并刷新页面时，我收到 404 错误。

所以我创建了一个.htaccess 文件并将其放在与我的index.html 相同的位置：

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

但它仍然无法正常工作我做错了什么？ 我必须在我的 Angular 路由中添加一些东西吗？ 有人可以帮忙吗？

Answer 1

RewriteRule ^ /index.html

尝试删除RewriteRule 上的斜线前缀替换。例如：

 RewriteRule ^ index.html [L]

现在这是相对于当前目录（index.html 文件所在的目录），而不是文档根目录。

---

# 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]

注意你问题的原因，但是%{DOCUMENT_ROOT}%{REQUEST_URI}和%{REQUEST_FILENAME}是一样的，所以更常见的写成这样：

RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]

但是，在此之前添加检查已知资产的文件扩展名会更有效，以避免必须检查每个请求以查看它是文件还是目录（这相对昂贵）。例如：

# Allow any request for CSS, JS and images straight through...
RewriteRule .\.(css|js|jpe?g|png|gif) - [L]