在scss中找不到资产的图像

Question

首先；我看到了类似的问题，但是，对于我来说，它们不包含有效的解决方案，尝试了所有这些方法，但是它们没有起作用。

我想要实现的事情非常简单，我只想在CSS中放置背景图片，但收到错误image not found。

在HTML中使用资产中的图片，例如： <img src="assets/images/news-placeholder.png" alt="news-image" /> 效果很好。

CSS中的方法url('/assets/images/wallpaper.jpg')有效，但是仅在本地主机上，当部署在服务器上时找不到映像，因为在根目录中没有assets文件夹，这就是我的问题。另外，IDE（PhpStorm）表示即使显示图像也无法解析assets目录。

我发现，这种方法：url('assets/images/wallpaper.jpg')是最好的，但是当我使用它时，本地主机出现错误，例如它无法解析组件路径中的图像。 /src/app/modules/portal/components/page-header

Answer 1

如果您的应用程序部署在主机根路径以外的其他位置，即用www.example.com/apps/myApp而不是www.example.com进行部署，则需要使用适当的--base-href标志来构建它，如下所示：

ng build --prod --base-href /apps/myApp

Answer 2

请确保您已像这样在angular.json中的build选项内添加了assets文件夹。

“ assets”：[  “ src/favicon.ico”，           “ src/assets”             ]