vue3+vite+ts项目直接打开dist中index.html（页面空白问题）

前言：

        这边一个需求，就是说使用vite搭建的项目，通过yarn build打包之后，通过nginx部署在服务器上是没任何问题的，但是这边想要不通过nginx部署，直接打开dist文件中的index.html文件访问项目。

        注意：是在nginx部署的时候正常，在本地直接打开index.html页面空白

解决办法：

执行下列命令，配置vite.coonfig.ts文件，重新打包即可

npm i @vitejs/plugin-legacy terser -D

vite.config.ts

import legacy from '@vitejs/plugin-legacy'


export default defineConfig({
	plugins: [		
		legacy({
			targets: ['defaults', 'not IE 11']
		})
	]
})