reactjs - 如果未定义查询参数，如何重定向到 root？

Question

/如果未定义查询参数，我想将我的网站重定向到主页。我正在使用 nextjs 构建一个搜索网站，它/是主页，/search也是搜索页面。我将 URL 中的查询词作为/search?query=myterm. 当用户尝试在/search没有query我想将用户重定向到 home的情况下访问时/。但我该怎么做呢？

Answer 1

利用重定向机制：https ://nextjs.org/docs/api-reference/next.config.js/redirects

您可以像这样读取查询参数的值：

module.exports = {
  async redirects() {
      {
        source: '/specific/:path*',
        has: [
          {
            type: 'query',
            key: 'page',
            value: 'home',
          }
        ],
        permanent: false,
        destination: '/:path*/:page',
      },
  }
}