ng构建--prod--base-href

Question

ng build --prod --base-href /gi-new --deploy-url /gi-new

我将 Angular 5 应用程序部署到 Windows 机器上的共享 IIS 服务器

我已将 dist 文件夹的内容上传到

http://192.168.10.181/gi-new

我的应用程序运行，但资产中的图标没有选择正确的路径，因此它们不会显示在网页上。

他们使用

http://192.168.10.181/assets

而不是

/gi-new/assets

条目 角度-cli.json

"assets": [ {
    "glob": "*.svg",
    "input": "../node_modules/material-design-icons/sprites/svg-sprite/",
    "output": "assets/svg-icons"
}]

条目 应用组件

constructor(iconRegistry: MatIconRegistry, sanitizer: DomSanitizer) {
    iconRegistry.addSvgIconSetInNamespace
    ( "action", sanitizer.bypassSecurityTrustResourceUrl("assets/svg-icons/svg-sprite-action.svg"));

如何克服这个问题？

Answer 1

我也遇到了同样的问题，我们需要手动提供所有图标或 .gif、.jpg 的正确路径，无论这些图标或文件来自生产模式下远程位置的捆绑文件中的资源文件夹。

例如，如果您有类似 https://ip_address_name/gi-new 的路径，则需要在生产捆绑文件中的所有位置添加 (/gi-new/assets/your_icon_name)。

这是解决这个特定问题的一种方法。

Answer 2

自己解决了。 仅在环境产品文件中为 baseHref 添加了一个条目，并在“assets/svg-icons

”之前添加了值