vue 默认路由无效

Question

const routes = [
  {
    path:"/HelloWorld",
    component: HelloWorld
  },
  {
    path: "/second",
    component: second
  },
  //默认
  {
    path: '/',
    redirect: HelloWorld
  }
]

一进来总是显示second路由，点击可以切换，设置默认HelloWorld为初始路由无效，怎么回事呢？（初学vue者）

Answer 1

你没注意看文档，你那个redirect使用不当，一般有这么两种方式：

• 重定向path

const routes = [
  {
    path:"/HelloWorld",
    component: HelloWorld
  },
  {
    path: "/second",
    component: second
  },
  //默认
  {
    path: '/',
    redirect: '/HelloWorld'
  }
]

• 重定向name

const routes = [
  {
    path:"/HelloWorld",
    name: 'helloworld',
    component: HelloWorld
  },
  {
    path: "/second",
    component: second
  },
  //默认
  {
    path: '/',
    redirect: { name: 'helloworld' }
  }
]

---

参考文档：https://router.vuejs.org/zh-c...

希望我的回答对你有所帮助！