当前位置: 首页 > 知识库问答 >
问题:

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

上官高翰
2023-06-07

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

方楷
2023-06-07

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

 类似资料:
  • 项目用的 vue3+vite,包管理器 pnpm,执行 pnpm build。 生成的js为啥把路由劝返回出来了。被检测存在系统路径信息泄露,怎么解决呢 vite配置文件build部分: build生成的js文件:

  • Vite + Vue3 + Electron 打包后静态资源路径错误 图片 src 如果是动态拼接的话,路径指向会出现问题 第一个路径不正确:file:///G:/vite.svg 第二个路径为:file:///G:/vite-electron/release/win-unpacked/resources/app.asar/dist/vite.svg 还有这种字体文件导入也会出现问题,类似上面直接

  • 原本本地创建的项目,都可以正常打开的,今天把它复制到了svn的文件夹中,并commit上去了,然后重新用vscode打开,npm i 了项目,但是每个文件中都有这种波浪线说找不到模块,请问有没有人知道什么原因的?

  • vue3+vite打包的时候,报错Access is denied,请问怎么解决啊?重新装了node_modules包,用nvm试了npm的几个版本都不行

  • 现在遇到个这么个需求,就是项目用的vite的打包工具 我现在想实现把项目用vite打包, 然后把项目中的其中一两个组件也单独打包成一个js,类似于把其中一两个组件打包成组件库的js 也就是执行npm run build的时候既打包了项目,又打包了其中部分组件为组件库的js,供外部html直接引入这个打包好的js进行使用,这个有办法实现吗

  • 版本 vite ^5.2.8 vue ^3.4.21 源码: 编译后 错误 问题 在开发环境可以正常赋值 如何正确赋值 如何让vite编译时保留class的源码