VUE打包后静态网页中图片路径出错

问题

vue 项目在 npm run build 后打包成为静态网页,但是用浏览器打开时,发现有些图片展示不出来,再查看控制台,图片路径异常。这是因为打包后的静态网页使用图片时用的是相对路径,而不可以用绝对路径。
VUE打包后静态网页中图片路径出错

解决方案

解决方案本人查看到两种,但它们都是修改配置,打包时使用相对路径。本人的问题是通过第二种方式解决的。

第一种

VUE打包后静态网页中图片路径出错

第二种(已多次使用它解决)

VUE打包后静态网页中图片路径出错