vite + vue3 +ts 打包后路由无法访问空白?

访问路由空白无效果无报错;dev开发模式没问题,只存在build后通过服务打开页面存在问题。
通过调试问题出在beforeEach代码:

router.beforeEach((to, from, next) => {

  const store = useStore();
  const { token } = storeToRefs(store);
  if (to.meta.auth) {
    if (token?.value) {
      next();
    }
    else {
      next({
        path: '/login',
        query: { redirect: to.fullPath }
      })
    }
  }
  else {
    next();
  }
})

以上代码改成下面就可以访问了:

router.beforeEach((to, from, next) => {
   next();
})

路由使用 createWebHashHistory 方式

开发模式没问题,应该排除代码问题吧?

阅读 3.9k
1 个回答

问题解决了 路由懒加载写成了 component:import("../views/xxxx")
应为 :component:()=>import("../views/xxxx")

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Microsoft
子站问答
访问
宣传栏