使用 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 目录中，对吗？在这种情况下，您需要将您的网址更改为

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

或

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