使用vue-cli+webpack打包文件后访问index.html文件读取不到图片资源

Question

运行npm run build 出现下图

提示图片资源【big】，然后在本地启动服务访问index.html报错找不到图片资源？但是没有[big]标志的图片资源能访问到。求大神解决？

Answer 1

解决了，我是将要用到的图片在data函数里面定义一个变量img。用require("图片路径")引入，在使用这个变量去绑定图片的src属性。
data()｛

   return ｛ 
  img:require("图片路径")
  ｝

｝

绑定:<img : src="img">