博客讲述了在Vue3项目打包后遇到的白屏和404资源加载失败问题。作者通过修改vue.config.js中的配置解决了404问题，但白屏依旧存在。进一步排查发现，问题出在route.js的历史记录模式和BASE_URL配置上。移除相关配置后，问题得到解决，但作者对于是否有必要这么操作表示疑问，因为通常在nginx环境下会默认支持history模式。
将vue3项目打包后，打开index.html发现白屏，F12发现很多404，于是乎对vue.config加入了如下配置：
修改其资源访问默认指向，404问题得以解决。
BUT，白屏依然存在，继续找原因，发现index.html中有一句话：
We're sorry but mobile doesn't work properly without JavaScript enabled.
去掉route.js如下配置：
mode: 'history', //历史记录模式，去除url中的#
base: process.env.BASE_URL,
问题解决，但没必要！！！ why？？？
因为打包后的html需要部署在nginx下，默认就是history模式之类的吧反正
手动打开白屏很正常，不报错即可
8742
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
