vue-cli脚手架npm run build打包后图片路径问题 2018.11.21

2018/11/21

最近在自己尝试做一个vue的项目，发现了一个打包以后出现的路径问题

　　使用npm run dev 可以正常打开项目，图片路径不会出错，使用脚手架npm run build 打包以后打开index.html 发现所有图片加载不出来，

发现路径前面都多了一个斜杠 / (打包以后在服务器运行时没有问题的)，但是现在想打包以后在本地看怎么办呢？

这个时候只需要修改一下 webpack.config.js 文件里面的配置，然后重新打包就ok了，具体如图

删除红圈语句的   publicPath: '/dist/',  前面的 / 就可以了（修改打包以后图片以及其它文档相对于index.html的相对路径），

服务器上默认会去寻找静态资源所以一般不会出错，而本地的路径就需要准确