我将本地图像存储在src / assets / img /中,当我在本地运行代码时,它们显示正常。
我的HTML看起来像这样:
<img class="img-logo" src="./assets/img/deck-logo-black.png">
和此:
<img src="./assets/img/download-app" class="center-block icon-appstore">
然而,在我运行build --prod --aot并将dist文件放入我的s3存储桶后,图像不会显示在我的网站上。
控制台错误如下所示:
GET https://websitename/assets/img/deck-logo-black.png 403 ()
GET https://websitename/assets/img/download%20app.png 403 ()
在寻找我的问题的解决方案时,我找到了在资源工作的angular-cli.json中定义img文件夹的帖子。
因此我的angular-cli.json对于资产看起来像这样:
"assets": [
"assets",
"favicon.ico",
"img"
],
还运行angular / cli版本1.0.0 如果我在angular-cli.json中的assets []中定义图像文件夹,或者为什么在控制台中出现403错误,我不明白为什么图像不显示。
非常感谢任何有关解决方案的帮助/提示/建议!