Vite项目打包后打开html后页面空白并报错Access to script at ‘file:///G:/ceshi/%E8%A3%85%E5%A4%87/charts-vue/Ec

一.问题：

vue3+vite项目打包过后，通过打包生成的html文件直接访问浏览器时，浏览器显示空白，并且会报错。

二.原因：vite官网是这样解释的构建产物因为 CORS 错误无法工作

也就是说vite 默认使用 ES Module 模块是不支持file协议的，所以需要使用插件来进行配置，才可以正常使用file协议打开。 

三.解决方法:

1.安装 @vitejs/plugin-legacy 和 terser

yarn add @vitejs/plugin-legacy
yarn add terser

2.在 vite.config.js 中添加配置 base:"./"