vue 中 :src 控制台报404

479 阅读1分钟

报错代码 GET http://localhost:8080/assets/img/1.png 404 (Not Found)

image.png

image.png

image.png

这里会爆出图片未找到的错误 原因是在webpack中会将图片图片来当做模块来用,因为是动态加载的,所以url-loader将无法解析图片地址,然后npm run dev 或者npm run build之后导致路径没有被加工

我的解决办法是加一个动态引入require():

image.png

这样写问题就解决啦