vue3 动态添加路由 router.addRoute() 时遇到的问题

在 vue-router@4 版本中取消了 router.addRoutes() 方法，改用 router.addRoute() 方法，来动态添加路由。空白页问题为什么会出现空白页？那是因为在路由跳转的时候，路由可能还没有被加载，此时就会出现进入到空白页。所以需要通过 next({...to, replace: true}) 来进行一个重定向，将当前路由替换成新的路由。但是，这种方式仅限于常量路由中没有全局404页面，如果常量路由中有全局404页面，那么在路由加载的时候，就会跳转到404页面。如下：const constantRoutes = [ { path: '/', name: 'Home', component: () => import('@/views/Home.vue'), }, { path: '/login', name: 'Login', component: () => import('@/views/Login.vue'),

技术 · 2024-11-30

vue3+ts报错：Cannot find module '@/views/Home/index.vue' or its corresponding type declarations.

方式一：在使用 vue3+typescript 添加路由引入路径的时候报错：在 vite-env.d.ts 中添加：declare module "*.vue" { import { DefineComponent } from "vue"; const component: DefineComponent<{}, {}, any>; export default component; }通过以上方式可以取消报错爆红，但是当点击路径的时候跳转地址不正确。方式二：在 tsconfig.jsdon 中添加配置："compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["./src/*"] } }

技术 · 2024-11-17
2023 - 2025 a博客-个人博客-技术分享. All Rights Reserved.
Theme Jasmine by Kent Liao