Загрузка изображений с помощью vue + webpack

Question

Я пытаюсь это:

<img src="./src/assets/logo.png"></img>

Или это

background-image: url("./src/assets/logo.png");

Я сделал npm install url-loader@1.1.1 npm install file-loader -save-dev.

Но я получаю это сообщение

* ./src/assets/logo.png in ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-219927dc","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/view/login/Login.vue

Answer 1

Я предполагаю, что ваши компоненты vue и css-файлы находятся в каталоге src правильно?В этом случае вам нужно изменить свой URL-адрес на

<img src="../assets/logo.png"></img>

или

background-image: url("../assets/logo.png");