vue+vite首页加载白屏解决

1.在html文件中增加过渡css动画，如下图所示，参考若依项目

 　　在资源还没加载完成时，红框中的动画会进行运行，当资源加载完成后，路由会自动替换红框中的静态资源，增加用户体验。

2.vite开启gzip压缩，安装vite-plugin-compression，如下图在config文件中引入

import viteCompression from 'vite-plugin-compression'

　defineConfig({

　　plugins ：[

　　　　viteCompression({

  　　　　threshold: 1024000 // 对大于 1mb 的文件进行压缩

　　　　})

　　]

})