Framework7 Vue Cordova 图片参考

【问题标题】：Framework7 Vue Cordova image referenceFramework7 Vue Cordova 图片参考
【发布时间】：2017-09-16 08:04:33
【问题描述】：

我刚开始使用 Framework7 Vue 入门套件，并不确定图像是如何工作的。 src/assets/static/images 下有一个图像文件夹，在他们的文档中它说将项目的图像放在那里。我的问题是在一个 vue 文件中我如何引用它们？在 www 项目文件夹中，当我进行构建时，我没有看到 src/assets/static/images 中的任何图像被转移到任何地方？

【问题讨论】：

标签： cordova html-framework-7

【解决方案1】：

静态资源的路径应该在 config/index.js 文件中配置如下代码

// config/index.js
module.exports = {
  // ...
  build: {
    assetsPublicPath: '/',
    assetsSubDirectory: 'static'
  }
}

然后你可以在你的页面中包含图片

<img src="/static/imagename.png"></img>

下面详细参考framework7 + vue如何处理静态资源 https://vuejs-templates.github.io/webpack/static.html

【讨论】：