vite 打包后本地访问空白页

问题分析

vite工具对项目进行打包后，然后使用http-server开启一个本地服务，此时在浏览器中预览时会发现一片空白。原因就是createWebHistory路由模式路径不带#号(生产环境下不能直接访问项目，需要nginx转发)，解决办法就是在路由配置是设置history: createWebHistory(process.env.VUE_APP_ROUTER)。括号中的变量指的是打包后的文件夹所存放于服务端的子目录名称。

结果