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

Question

我在通过 vue-router 生成 links 时遇到问题。我在 vue-router 中这样设置我的路线：

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

我可以使用带有参数的路由器-link：

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

但是它生成 link 到主路径：

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

我想要实现的是使用 vue-router 得到 link 到：

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

我知道我可以为同一个条款组件添加一个单独的路径，但我希望尽可能使用别名来使事情更清晰。知道怎么做吗（使用别名数组的路径）？

Answer 1

我相信您可以像这样在 router-link 中指定路线：

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

路由器随后将使用您定义的别名解析 link。

How to set router link in vue.js to use alias as a slug?