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

作者站长头像
站长
· 阅读数 8

访问路由空白无效果无报错;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 方式

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

回复
1个回答
avatar
test
2024-07-02

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

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容