报错信息:
找不到图片
原因:
大概是vue脚手架运行项目时,项目被打包后在浏览器里路径就不一致了?
解决办法:
在data里的url使用require导入图片就能正常使用了
data () {
return {
img_src: require("../assets/img/1.jpg"),
img_src2: require("@/assets/img/2.jpg")
}
},
解决办法2:
将图片文件夹放在public下,vue打包时会原封不动的将public中的文件拷贝过去,然后就能用相对路径访问了
data () {
return {
img_src: "img/1.jpg",
img_src2: "img/2.jpg"
}
},