前几天写一个项目，临时需要打包出一个html文件，用 npm run build 命令打包以后发现index.html打开以后页面是空白的，出现这样的报错：

 

 

 报这个错的原因其实是生成的index.html文件中引入的文件路径出现问题，需要修改 publicPath

我就去找config文件下的index.js文件，找不到，才想到vue-cli3.0版本搭建的项目已经把相关的设置放在了  根目录 vue.config.js  下

 

 

 没有这个文件的自己去根目录下创建一个也可以，里面的结构是这样的:

 

module.exports里面具体的配置项可以去vue官网打开vue-cli下配置参考，里面会有具体的每一项配置：  https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE

 

 

我们需要在js中添加修改的一项配置是   publicPath: './'    或者是     publicPath: ' ' , 二者都可以

这是基本路由，默认的路径貌似是'/’,修改这个路径以后，页面就可以出来了，其余和打包相关的配置自己看着来就可以了，参考上给出的网址，官网讲解很详细的



------以上全是个人理解，给我这种还搞不太明白各种配置的新手参考一下，大佬看见别笑话，谢谢