vuejs2 - 具有固定参数的 Vue-router 别名

Question

我这里有这个小路由器，基本上我想为我的网站设置默认语言。这意味着如果您访问 www.example.com/about 和 www.example.com/es/about 应该看到相同的内容

我认为别名将适用于此，但是在尝试访问/about 时出现错误。

[vue-router] missing param for aliased route with path "/:language/about": Expected "language" to be defined

这是有道理的，因为 :language 参数没有设置，有什么方法可以实现我想要的吗？每当用户点击别名时，我可以设置一个固定的 :language 参数吗？

这是我的路由器。

router = new Router({
  routes: [
    {
      path: '/:language/about',
      alias: '/about'
      component: About
    }
  ]
})

Answer 1

使用可选参数(追加？)将解决这个问题。你甚至不需要别名:

router = new Router({
  routes: [
    {
      path: '/:language?/about',
      component: About
    }
  ]
})