无法在 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 编译器得到错误：找不到模块：错误：无法解析 './logo.png'

Answer 1

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

静态文件夹不被 webpack 处理。