【问题标题】:Can't load static files inside Vue.js component无法在 Vue.js 组件中加载静态文件
【发布时间】:2017-09-12 08:47:41
【问题描述】:

我有组件 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'

【问题讨论】:

    标签: vue.js


    【解决方案1】:

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

    静态文件夹不被 webpack 处理。

    【讨论】:

      猜你喜欢
      • 2015-03-10
      • 2020-12-21
      • 2020-11-12
      • 2014-09-03
      • 1970-01-01
      • 2014-07-12
      相关资源
      最近更新 更多