angular - 使用 Angular 配置 Tomcat 8

Question

我正在尝试在我的本地 apache tomcat 8 服务器上部署我的 angular 应用程序。

我使用了 ng build --prod 并将 dist 的结果复制粘贴到这里。

Location of my app on server

我把 <base href="/caquiweb/">到我的 index.html。

因此，我可以访问我的应用程序，并且路由有效，但是在浏览器中手动将 URL 更改为定义的路由器路由时出现 404。

Working url by using routerLink

404 manually changing from browser

我认为我必须配置我的服务器，但我真的不知道该怎么做。

提前致谢

Answer 1

我认为最简单的解决方案:

• 在tomcat/webapps/caquiweb中添加一个WEB-INF/web.xml，内容如下:

<web-app>
    <error-page>
         <error-code>404</error-code>
         <location>/index.html</location>
     </error-page>
</web-app>

这样，每次找不到 URL 时，Tomcat 都会重定向到 index.html，然后导致 Angular 使用组件路由器处理它。