前言:
这边一个需求,就是说使用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']
})
]
})