正在 tomcat 服务器的根目录中搜索 Angular Assets 文件夹

Question

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

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

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

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

这是向我显示的错误:

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

Answer 1

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

因此，在您的模板中，您可以如下引用您的 Assets -

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