ng build --prod --base-href

Question

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

我将angular 5 app部署到窗口机器上的共享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/”，      “输出”：“assets / svg-icons” }]

中的条目 AppComponent

构造函数（iconRegistry：MatIconRegistry，sanitizer：DomSanitizer）{         iconRegistry.addSvgIconSetInNamespace         （“action”，sanitizer.bypassSecurityTrustResourceUrl（“assets / svg-icons / svg-sprite-action.svg”））;

我该如何克服这个问题？

Answer 1

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

Answer 2

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

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

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