angularjs - tomcat apache 8.5.4 中的 angular html5mode 在页面刷新时给出 404

Question

我正在使用 gulp-war 创建 war 文件并将其部署到我系统上的 tomcat apache 服务器 8.5.4

它首先在 localhost:8080/projectName/ 上运行

但每当我刷新页面时，它都会出现 404 错误。如何解决这个问题？

如果我从配置文件中删除 $locationProvider.html5Mode(true); 而不是创建 war 文件，那么它工作正常

一切正常，但 URl 带有 /#/

我尝试添加 .htaccess 文件但没有区别

谁有解决方案？

Answer 1

我在 this article 的帮助下找到了解决方案

1. 加入/opt/tomcat/conf/context.xml

    <!-- REWRITE VALVE -->
    <Valve className="org.apache.catalina.valves.rewrite.RewriteValve" />
    <!-- // -->  
   

2. 在特定项目 WEB-INF 文件夹中添加 rewite.config 文件，内容如下 /opt/tomcat/webapps/projectName/WEB-INF/rewrite.config

   RewriteCond %{REQUEST_URI} !^.*\.(bmp|css|gif|htc|html?|ico|jpe?g|js|pdf|png|swf|txt|xml|svg|eot|woff|woff2|ttf|map)$
   RewriteRule ^(.*)$ /index.html [L]
   

希望对大家有帮助