无法在Vue.js组件中加载静态文件

Question

我有组件Login.vue，在其模板中我粘贴

<img src="logo.png">

目录结构与此处相同：https://vuejs-templates.github.io/webpack/static.html

我在src文件夹中有静态文件夹。

我尝试了很多不同的组合，比如

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

当我尝试用点前缀（绝对路径）写作时

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

我从babel编译器得到错误：找不到模块：错误：无法解析＆＃39; ./ logo.png＆＃39;

Answer 1

您可以将这些图片放入/static文件夹，并将其用作src="/static/[filename]"（使用绝对路径）。

webpack不处理静态文件夹。