vue3.0 + vue-router4.0打包发布后内容路径错误以及页面空白 ​

问题描述 ​

使用vue3.0和vue-router4.0进行项目开发，在打包发布后，发现页面内容路径错误，导致页面空白。

解决方案 ​

因为vue-router4.0默认使用history模式，所以需要将history模式改为hash模式，这样打包后的路径就不会出错了。

解决路径错误 ​

可忽略

vue.config.js中设置publicPath: './'

解决页面空白问题 ​

history改变为hash路径
在配置路由的router.js里面，把 createWebHistory 改成 createWebHashHistory