如何在 vue.js 中设置路由器链接以使用别名作为 slug？

Question

我在通过 vue-router 生成链接时遇到问题。我在 vue-router 中设置我的路线，如下所示：

const routes = [
...
{
  path: '/:version/terms-and-conditions',
  name: 'Terms',
  component: Terms,
  alias: ['/:version/privacy-policy']
},
...
]

我可以使用带参数的 router-link ：

<router-link :to="{name: 'Terms', params: { version: 'v1' }}">Link</router-link>

但是它生成到主路径的链接：

http://localhost:8081/v1/terms-and-conditions

我想要实现的是使用 vue-router 获取链接：

http://localhost:8081/v1/privacy-policy

我知道我可以为相同的术语组件添加单独的路径，但如果可能的话，我希望使用别名来使事情更清晰。知道如何做到这一点（使用别名数组中的路径）吗？

Answer 1

我相信您可以像这样在路由器链接中指定路由：

<router-link to="/v1/privacy-policy">Link</router-link>

然后路由器将使用您定义的别名解析链接。