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

作者：IT小白 | 2024-03-17 23:18:40

踩

vue打包后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']
		})
	]
})

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/258653?site