Vite打包后空白页解决方法

4,727 阅读1分钟

遇到文件路径错误。

_5{{SF}NZIPA{N)ZBG(}PQM.png

解决方案

J8EDLUG%~LM59XV@_{$TGUW.png

vite环境下增加配置base: './',如果是vue2 webpack环境则写为publicPath:'./'。

如果nginx没有配置,路由模式设置为哈希(hash)模式后再打包。

41R_%MIUHN7$QF`W6H2C{RT.png

如果是vs code编辑器,可以下个Live Server插件进行本地启动,没有问题再发布到服务器上

GF_8UHG4}Z4%HK`E{QWIROO.png

4ZQ4@UACU6Q_A5~3@W0@OYM.png

2]~GPR}AM3}3TG3BH_R)N.png