在 tomcat 服务器的根目录中搜索 Angular 资产文件夹答案

【问题标题】：Angular assets folder is being searched at the root of tomcat server在 tomcat 服务器的根目录中搜索 Angular 资产文件夹
【发布时间】：2020-01-09 02:23:05
【问题描述】：

我有一个必须使用 tomcat 部署的 Angular 项目。角度文件在dist/project-ui/ 文件夹中构建。我将project-ui文件夹复制到tomcat的webapps文件夹并启动服务器。 UI 加载，但 project-ui 的 assets 文件夹正在搜索 http://localhost:8080/assets/...，而实际路径为 http://localhost:8080/project-ui/assets/...

最初project-ui 中的main... 和polyfills.. 等文件没有被加载，我看到的是一个空白屏幕。所以我尝试运行命令：

ng build --prod --base-href /project-ui/ --deploy-url /project-ui/

这使得一些 UI 元素出现，但 assets 文件夹仍在 tomcat 的根目录中搜索。

这是显示的错误：

更新：我将资产目录移动到webapps/assets 只是为了检查它是否有效。它确实有效。我需要以某种方式将assets 文件夹的路径更改为project-ui/assets

【问题讨论】：

您能告诉我们您是如何引用模板中的资产文件夹的吗？
我对 angular 不是很熟悉，你能告诉我你想看哪个文件吗？ @TheAngularGuy

标签： angular tomcat deployment

【解决方案1】：

在 Angular 构建项目后，检查 dist 文件夹的目录结构。您会注意到资产文件夹与 index.html 平行。因此，考虑到此文件夹结构，您需要提供资产的路径。

因此，在您的模板中，您可以参考以下资产 -

<img src="./assets/images/folder.png" />

【讨论】：