时间戳

首页 > 解决方案 > 延迟加载模块指定 HTTP 路径

angular - 延迟加载模块指定 HTTP 路径

问题描述

我们正在尝试在 Angular 6 应用程序中设置模块的延迟加载，但我们遇到了使用代理加载应用程序的问题。

Angular应用程序在主域 ( http://127.0.0.1:9000/app ) 的子文件夹上运行，主域通过 Grunt 服务器进行管理，该服务器将app文件夹代理到 Angular 构建文件的位置：

"outputPath": "../website/dist/generated-app",

所以 Angular 文件的实际文件位置是http://127.0.0.1:9000/generated-app并且在http://127.0.0.1:9000/app上加载的 HTML 文件引用了/generated-app.

我们现在遇到的块的问题是，Angular 试图从例如http://127.0.0.1:9000/app/0.js下载块，而它们实际上位于http://127.0。 0.1:9000/生成的应用程序/0.js

我们如何告诉 Angular 从正确的位置下载块？

标签： angular

解决方案

您可以使用以下标志构建您的应用程序：

ng build --prod --base-href='/generated-app/' --deploy-url='/generated-app/'

这将告诉 index.html 在对 .js 的调用前加上生成的应用程序。

推荐阅读