vue打包文件以及背景图片路径问题

在项目的文件夹下进行cnpm run build 打包,打包成功之后是这样的:
vue打包文件以及背景图片路径问题打包成功后显示的内容。
然后在文件夹下会有dist文件夹:
vue打包文件以及背景图片路径问题
然后进入index.html文件 运行此文件,会发现浏览器报错,现在就来更改路径,在config文件夹下的index.js里修改两处内容:
vue打包文件以及背景图片路径问题未修改时路径是’/’ ,也就是说在/前面加一个点,有两处位置,还有一处,直接搜索assetsPublicPath,同样的修改方式。
修改完之后页面路径是对了,但是图片路径又不对,浏览器报错,现在再来改另外一个图片路径的配置:
vue打包文件以及背景图片路径问题
在build文件夹下的util.js里修改图片的路径vue打包文件以及背景图片路径问题在此处做修改,再重新打包,就可以访问到页面,并且图片显示正确