ng build --base-href = "/.../" --deploy-url = "/.../" css фоновое изображение не работает

Question

"@ angular / core": "~ 8.0.0",

Эшафот угловой 8 проект с опцией scss style

У меня есть код, как указано ниже в компонентном файле scss

background: url ("/ assets / images / vector-icon.png") без повтора 25%;

в финальной сборке с помощью команды

ng build --prod --base-href="/website/" --deploy-url="/website/"

поместить сборку в подпапку корень / спиртые

все работает нормально, кроме пути фонового изображения

я пробовал через ip / website / assets / images / vector-icon.png в этот момент я могу получить изображение.

Что делать, если я не хочу менять путь в каждом файле CSS.

любая помощь будет оценена. заранее спасибо

Answer 1

Не используйте / перед активами

background: url("assets/images/vector-icon.png") no-repeat 25%;

PS .И папка assets/images должна содержать это изображение.

PPS .Убедитесь, что этот путь правильный.

Answer 2

Прежде всего вам нужно проверить, что перейдите в папку активов и убедитесь, что файл существует или нет.Если файл существует, попробуйте ниже строки

background: url('./assets/images/vector-icon.png') no-repeat 25%;