Javascript 使用htaccess重写URL获取404错误-AngularJS html5模式 删除#和#后角度js页面刷新404错误！从URL

我正在做一个angular（1.7.5）项目，我想删除其中的#和！从URL中，为此，我使用以下代码

myApp.config(['$locationProvider', function ($locationProvider) {
     $locationProvider.html5Mode(true);
}]);

并在根文件夹的index.html中添加了基本标记

<base href="/myApp/">

最后，我删除了#和！从URL，但问题是当我刷新页面或在新选项卡中打开相同的URL时，页面出现404错误

http://localhost/dev/ ----- works fine

但是

---

我不知道如何解决此问题。请帮助我谢谢。

尝试修改

.htaccess

规则，如下所示：

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
RewriteRule ^ index.php [L]

---

您需要修改

.htaccess

。问题是您当前的规则只转发URL中的第一条路径。相反，您需要让它转发所有嵌套路径

RewriteEngine On  
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
RewriteRule ^ - [L]

RewriteRule ^ /index.html [L]

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
RewriteRule ^ index.php [L]

RewriteEngine On  
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
RewriteRule ^ - [L]

RewriteRule ^ /index.html [L]