标签：index vue cli 文件 html publicPath vue3.0

前几天写一个项目，临时需要打包出一个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: ' ' , 二者都可以

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



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

标签：index,vue,cli,文件,html,publicPath,vue3.0
来源： https://www.cnblogs.com/ymbcc/p/12574991.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。