angular - 将所有请求重定向到特定目录而不更改 URL .htaccess(部署 Angular 项目)

Question

我有一个 Angular 项目，我想将它部署在一个特定的文件夹(不是 root)上，所以是这样的:
http://localhost/folder/index.html
所以我需要在不更改 URL 的情况下重定向此路径上的所有请求。
当 index.html 位于 root 时，以下工作正常(因此，http://localhost/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

因此，我尝试像这样更改此代码以与我的项目一起使用:

RewriteRule ^ /folder/index.html

我对这个请求工作正常:http://localhost/folder/abcd 但不适用于 http://localhost/folder/abcd/efgh, http://localhost/folder/abcd/efgh/.../... ./.....
感谢您的帮助!

Answer 1

你能把你的 .htaccess 文件放在名为 folder 的文件夹中吗？ .请确保在测试 URL 之前清除浏览器缓存。
如评论中所述:在您网页的标题中添加此 <base href="/">以便您的相关链接可以从正确的位置加载

RewriteEngine ON
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [L]