vue-router

Question

"vue-router": "^4.0.12"

{

  path: '/:catchAll(.*)',
  name: 'home',
  component: () => import('@/views/Home/index.vue'),
},

代码如上

我使用重定向 只要路径不对应 我就跳转到首页 确实跳转到首页
但是导航栏里面的路由 没有变化 请问如何解决

Answer 1

把component: () => import('@/views/Home/index.vue')改成redirect: '/'，'/'要先在前面定义一下。

Answer 2

const routes = [
    {
        path: "/home",
        name: "Home",
        component: () => import("../views/Home.vue")
    },
    {
        path: "/about",
        name: "About",
        component: () => import("../views/About.vue")
    },

    {
        path: "/:catchAll(.*)",
        redirect: "/home"
    }
];