美文网首页
vue src动态加载不出来问题

vue src动态加载不出来问题

作者: 我回地球了 | 来源:发表于2019-06-27 09:01 被阅读0次

动态设置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动态加载不出来问题

      本文链接:https://www.haomeiwen.com/subject/twtlcctx.html