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

9,557次阅读

共计 350 个字符，预计需要花费 1 分钟才能阅读完成。

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

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

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

首先，这个问题

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

正文完

发表至：开发笔记

2024-10-27

转载说明：

1 本网站名称：优杰开发笔记
2 本站永久网址：https://yojack.cn
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站所有内容均可转载及分享, 但请注明出处
6 我们始终尊重原创作者的版权，所有文章在发布时，均尽可能注明出处与作者。
7 站长邮箱：laylwenl@gmail.com

HTML标签：字体标签和超链接

HTML5七夕情人节表白网页制作【JavaScript和Canvas外太空表盘两款】HTML CSS JavaScript

C++编译器有哪些？为您的开发需求选择合适的C++编译器

jQuery库

HTML3D旋转相册

json.dumps结果不要空格