NUXT - 使用 Nuxt 重定向模块重定向 - 子页面问题答案

【问题标题】：NUXT - Redirecting with Nuxt Redirect module - child pages issueNUXT - 使用 Nuxt 重定向模块重定向 - 子页面问题
【发布时间】：2020-03-24 12:36:06
【问题描述】：

我正在尝试使用 nuxt 重定向模块将带有斜杠的页面重定向到没有斜杠的页面。我已经将 nuxt 配置为没有尾部斜杠，所以现在需要从旧设置中进行一些重定向。与父重定向规则匹配的子页面存在问题。

nuxt 重定向模块 - https://github.com/nuxt-community/redirect-module

这是一个想要实现的目标：

/page-1/ - >/page-1
/page-1/child/ - > /page-1/child

我的 nuxt-redirect 模块设置中有这个：

redirect: [
  { from: '/page-1/', to: '/page-1' },
  { from: '/page-1/child/', to: '/page-1/child' }
]

但结果我得到了这个

/page-1 - 正确重定向
/page-1child - 不正确（第 1 页和子级之间缺少斜线，因为它符合规则）

谁能帮我设置正确的规则，不知道在哪里看。或者另一种可以让它发挥作用的方法。

谢谢！

【问题讨论】：

标签： redirect nuxt.js http-redirect

【解决方案1】：

我想我找到了解决办法。应该使用正则表达式作为完全匹配：

redirect: [
    { from: '^\/page-1\/$', to: '\/page-1', statusCode: 301 },
    { from: '^\/page-1\/child\/$', to: '\/page-1\/child', statusCode: 301 }
]

不确定这是否是最好的方法，但它解决了我的问题。

【讨论】：