//script部分 export default {data () {return " />
您好,欢迎来到[编程问答]网站首页   源码下载   电子书籍   软件下载   专题
当前位置:首页 >> 编程问答 >> Web开发 >> (vue.js)vue+webpack动态设置图片src导致404错误

(vue.js)vue+webpack动态设置图片src导致404错误(2/2)

来源:网络整理     时间:2016/9/1 9:54:45     关键词:

关于网友提出的“ (vue.js)vue+webpack动态设置图片src导致404错误”问题疑问,本网通过在网上对“ (vue.js)vue+webpack动态设置图片src导致404错误”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题: (vue.js)vue+webpack动态设置图片src导致404错误


如果需要随机排序,感觉还是用require的方式,然后对puzzles数组洗乱一下就好了

解决方案2:

render()方法没有执行,puzzles数组没有数据,把打乱顺序那块写在computed里试下,或者在ready里执行render()

解决方案3:

js动态生成的路径无法被url-loader解析到,如果你去build,会发现图片甚至不会打包输出到dist目录(webpack是按需打包的)。

如果你是vue-cli初始化的项目,解决的办法:
第一步,把图片放到src同级的static目录(build/build.js文件中有一段代码是把static目录拷贝到dist/static的),比如图片放在static/a.png
第二步,js中使用/static/a.png去引用就行了。


以上介绍了“ (vue.js)vue+webpack动态设置图片src导致404错误”的问题解答,希望对有需要的网友有所帮助。
本文网址链接:http://www.codes51.com/itwd/3696872_2.html

相关图片

相关文章