vue3.0版本打包后,index.html页面显示空白怎么办


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

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



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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM