在nuxt.js中重写url

Question

如何在Nuxt.js中重写URL？我想重写这个: mywebsite/user/1 改写成 m̀ywebsite/user/alex

如果有人有答案请告诉我，谢谢。

Answer 1

您可以改变方向 /user/1 到 /user/alex 带着 middleware 中声明的配置。<rootDir>/pages/user/_id.vue. 注意 middleware 方法接收一个 context 参数，它包含两个在你的案例中特别有用的属性。

• params: Object - params.id 给出了从URL中解析出来的ID（如 params.id === '222' 的URL /user/222)
• redirect: Function - 允许你重定向到另一个途径

使用实例 <rootDir>/pages/user/_id.vue:

<script>
export default {
  middleware({ params, redirect }) {
    if (params.id === '1') {
      redirect('/users/alex')
    } else {
      redirect('/users/bob')
    }
  }
}
</script>