具有HashRouter的子路径上的Angular 6无法加载图像资产

时间:2019-02-26 13:24:30

标签: angular angular6 angular-cli

我需要在具有每个不同子路径的不同环境中部署现有的angular 6应用。

例如:root.com/appRoot1

我的资产未正确加载,因为它托管在子路径上,所以我用谷歌搜索并找到了baseHref ,以及如何动态设置它,但由于我使用的是HashRouter,因此无法正常工作。< / p>

因此,我在Google上搜索了更多内容,并找到了deployUrl ,该脚本将指向脚本和样式表的链接更改为/appRoot1/stylesheet.css,这很棒。

但是图像其他资源仍然无法正确加载。浏览器尝试请求

/images/image.svg

代替

/appRoot1/images/image.svg

在代码中像这样引用图像:

<img src="../../../../../assets/images/image.svg" />

另外,如果我可以动态设置此项,那就太好了,因为我需要部署到具有不同子路径的不同URL。

我是一名React用户,我没有为该项目编写代码,因此调试起来真的很困难。

0 个答案:

没有答案