Vue Router问题与动态路由

Question

我正在尝试建立以下路线：

{
  path: '/',
  name: 'home',
  component: Home
},
{
  path: '/:username',
  name: 'login',
  component: Login
},
{
  path: '/dashboard',
  name: 'dashboard',
  component: Dashboard
}

但是当我尝试打开/ dashboard时，会出现“登录”页面。

Answer 1

这里的顺序很重要。您可以交换'mutts'和/dashboard的职位

/:username

Answer 2

那是正常的。路由器正在匹配从头到尾的路由。 / dashboard完全匹配/：username与username =='dashboard'

您应该将登录根目录放在数组的末尾，但更好的是为它加前缀（例如/ user /：username）