Как написать верный путь для картинки?

Question

[nen0y]

Нужно установить background-image, я написал путь background-image: url("./../../assets/logo.png"); к данной картинке:


Мне выводит такую ошибку:


Подскажите, как исправить эту проблему?

Comments

[Михаил]

./../ ???

[Ярослав Иванов]

url("@/assets

Answer 1

[Maxim Kirshin]

Если vue-cli, то у него есть замечательный alias @, тогда путь будет вроде
<img src="@/assets/logo.png" />
или для css/scss/sass

.example {
  background-image: url("~@/assets/logo.png");
}

Если ты собираешь без vue-cli самостоятельно webpack'ом, то можешь задать alias сам в webpack.config

Comments

[nen0y]

спасибо, работает

Answer 2

[Владимир Коротенко]

./logo.png

Comments

[Владимир Коротенко]

../../logo.png

[Ярослав Иванов]

Владимир Коротенко, мимо

[Владимир Коротенко]

Ярослав Иванов, а должен был попасть, но с другой стороны vscode сам все дополняет почему бы автору не вбить через него

[nen0y]

Владимир Коротенко, вбивал то что посказывал vs code, выводило ошибку.

[Ярослав Иванов]

Владимир Коротенко, у автора проект вероятно на vue-cli
@/assets/logo.png