首页 前端知识 vue3 vite - 打包编译后页面白屏、CORS跨域、加载js/html文件失败、图片不显示、音视频不显示问题,解决打包生成index.html页面显示空白、找不到资源、报资源跨域打不开报错问题!

vue3 vite - 打包编译后页面白屏、CORS跨域、加载js/html文件失败、图片不显示、音视频不显示问题,解决打包生成index.html页面显示空白、找不到资源、报资源跨域打不开报错问题!

2024-06-16 09:06:47 前端知识 前端哥 368 907 我要收藏

问题说明

在vite vue3项目中,执行build打包后生成index.html文件,【本地打开】或【线上服务器部署后】,页面空白且浏览器控制台很多报错,vue3使用vite进行打包构建后,在本地以file文件系统的方式,浏览器直接打开打包生成后的dist目录下的index.html文件访问,浏览器页面整页空白不显示且打开控制台后有报错,该路径找不到对应的文件。项目网页部署到服务器线上后,依然存在此问题,高效解决方案。

其他教程都无法解决,本文提供的解决方案完美搞定此问题。

在这里插入图片描述

解决教程

首先,这个问题

转载请注明出处或者链接地址:https://www.qianduange.cn//article/12357.html
评论
发布的文章

安装Nodejs后,npm无法使用

2024-11-30 11:11:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!