我需要在具有每个不同子路径的不同环境中部署现有的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用户,我没有为该项目编写代码,因此调试起来真的很困难。