javascript - 使用vue + webpack加载图片

Question

我正在尝试这个:

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

或者这个

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

我已经安装了 npm install url-loader@1.1.1npm 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 目录中，正确吗？在这种情况下，您需要将网址更改为

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

或

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