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

在项目的文件夹下进行cnpm run build 打包，打包成功之后是这样的：
打包成功后显示的内容。
然后在文件夹下会有dist文件夹：

然后进入index.html文件 运行此文件，会发现浏览器报错，现在就来更改路径，在config文件夹下的index.js里修改两处内容：
未修改时路径是’/’ ,也就是说在/前面加一个点，有两处位置，还有一处，直接搜索assetsPublicPath,同样的修改方式。
修改完之后页面路径是对了，但是图片路径又不对，浏览器报错，现在再来改另外一个图片路径的配置：

在build文件夹下的util.js里修改图片的路径在此处做修改，再重新打包，就可以访问到页面，并且图片显示正确