ng build --prod --base-href答案

【问题标题】：ng build --prod --base-hrefng build --prod --base-href
【发布时间】：2018-05-21 00:31:21
【问题描述】：

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

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

我已将 dist 文件夹的内容上传到 'http://192.168.10.181/gi-new'

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

他们使用 http://192.168.10.181/assets 而不是 /gi-new/assets

进入 angular-cli.json

“资产”：[{ "glob": "*.svg", “输入”：“../node_modules/material-design-icons/sprites/svg-sprite/”， “输出”：“资产/svg-icons” }]

进入应用组件

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

我该如何克服这个问题？

【问题讨论】：

标签： angular deployment build assets

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

自己解决了。仅在 environmentprod 文件中为 baseHref 添加了一个条目，并在“assets/svg-icons”之前添加了值

【讨论】：

你能详细说明你的答案吗？
你添加了什么。发生了什么变化。请详细说明