Question

我在pages文件夹下有一个名为about.tsx的文件。因此页面的路径为/about，我可以通过访问example.com/about来访问页面。但是，如果我访问example.com/About，它将重定向到404页面。

我已经检查了Nextjs存储库，看来这是预期的行为。因此，是否有一种变通方法可以使路径不区分大小写，从而example.com/About也可以正常工作并将用户定向到/about页面？

Answer 1

我同意这是Next.js的行为，他们只使用相同的文件about处理about和About的确切页面名称page/about.tsx

但是解决方案是，您继续遵循本指南https://nextjs.org/docs/api-reference/next.config.js/redirects

来实施主页（例如：about.tsx）并设置其他页面以重定向到该页面（例如：关于->关于）

// next.config.js
module.exports = {
  async redirects() {
    return [
      {
        source: '/About',
        destination: '/about',
        permanent: true,
      },
    ]
  },
}

// Set permanent:true for 301 redirect  & clean SEO!

如何使NextJS页面的路径不区分大小写

1 个答案: