Изображение из активов не найдено в scss

Question

Во-первых;Я видел похожие вопросы, однако, они не содержат правильного решения для меня, перепробовал их все, и они не работали.

То, чего я хочу достичь, действительно просто, я просто хочу поставитьфоновое изображение в CSS, но я получаю ошибку image not found.

Использование изображения из ресурсов в HTML, например: <img src="assets/images/news-placeholder.png" alt="news-image" /> работает довольно хорошо.

Подход url('/assets/images/wallpaper.jpg') в CSS работает, нотолько на локальном хосте, при развертывании на сервере образ не найден, так как в корневом каталоге нет папки 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

Убедитесь, что вы добавили папку assets в опцию сборки в angular.json следующим образом.

"assets": ["src/favicon.ico", "src/assets"]