您可以在 Next.js 中创建默认路由吗

Question

Next.js 中是否可以有默认路由，以便所有路由或路由白名单都将转到特定页面。

对于我的项目，想法是使用 Next.js 构建营销网站、注册和登录过程，然后创建一个可以启动 SPA 的 Next.js 页面（可能使用 create-react-app 和 react- router），这样任何不是 Next.js 页面的路由都会假设它是 SPA 中的路由，因此会定向到将启动 SPA 的页面

Answer 1

https://nextjs.org/docs/api-reference/next.config.js/redirects

module.exports = {
  async redirects() {
    return [
      {
        source: '/',
        destination: '/redirectRoute',
        permanent: true,
      },
    ]
  },
}

[更新：Next.js 14] 配置文件现在保存为 next.config.mjs（在最新版本的 Next.js 中）。您可以改为编写以下代码。

/** @type {import('next').NextConfig} */
const nextConfig = {
  async redirects() {
    return [
      {
        source: "/",
        destination: "/redirectRoute",
        permanent: true,
      },
    ];
  },
};

export default nextConfig;