vue src动态加载不出来问题

动态设置img的src属性无效,而直接写可以

20180510092740874.png
20180510092856214.png

解决办法:

imgSrc写成require('path');

v-bind:src="require('../static/images/icon/home-on.png')"

原因:

动态添加src被当做静态资源处理了,没有进行编译

npm run build 后出现 xxxxxxx net::ERR_FILE_NOT_FOUND

解决办法:
进入:build文件夹 > 打开 webpack.prod.conf.js

找到:output 对象

添加:publicPath:‘./’

具体写法:    publicPath: process.env.NODE_ENV === 'production'
                      ? './' +config.build.assetsPublicPath
                      : './' + config.dev.assetsPublicPath
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 9,112评论 0 0
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 10,830评论 1 32
  • 目录第1章 webpack简介 11.1 webpack是什么? 11.2 官网地址 21.3 为什么使用 web...
    lemonzoey阅读 5,675评论 0 1
  • 唔今天感觉心情一直很复杂,因为爸爸妈妈一起去买衣服,给妈妈又买了件我觉得巨丑还巨tm贵的。多贵呢?就是那种,虽然钱...
    想干嘛能干嘛在干嘛阅读 1,839评论 0 0
  • 我们每个人都只有一张脸,但却可能有很多张迥然不同的面孔,我们的内心深处,也许都隐藏着一个魔鬼,促使我们有意无意地扮...
    奶蜜阅读 3,440评论 1 1