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

你可能感兴趣的:(vue src动态加载不出来问题)