vue打包后vue-router无内容

环境

“vue”: “^3.3.4”,
“vue-router”: “4.2.1”

问题: 在使用了createWebHistory创建路由时,发现打包后页面空白,也无报错信息

解决办法

  1. 第一种方法:将路由模式改成 createWebHashHistory
  2. 第二种方法:只要手动跳转一次页面就有内容了。
// main.js
// 路由挂载后,手动跳转一次首页,解决打包后首页白屏无内容问题
setTimeout(() => {
  useRouter().push('/')
})

你可能感兴趣的:(vue.js,javascript,前端)