Next.js 加载主页而不是 404 页面

Question

我有一个带有自定义 404 页面的 Next.js 应用程序。 这是我的网站：frinksmovement.com 当我转到未定义的子域（例如 frinksmovement.com/abc）时，它应该显示自定义 404 页面，但它会加载我的主页。 这不会发生在我的本地机器上。 这是我的 next.config.js：

module.exports = {
  webpack: (config) => {
    config.module.rules.push({
      test: /\.(graphql|gql)$/,
      exclude: /node_modules/,
      use: {
        loader: "graphql-tag/loader",
      },
    });
    return config;
  },
  async redirects() {
    return [
      {
        source: "/gornation",
        destination: "https://www.gornation.com/?ref=0j-iwl-pbxrv",
        permanent: true,
      },
    ];
  },
  trailingSlash: true,
};

Answer 1

编辑：您的意思不是子域，而是不同的路径或页面，NextJS 为您提供了处理自定义 404 页面的内置方式。 给你： https ://nextjs.org/docs/advanced-features/custom-error-page

我发现了一个类似的问题，不幸的是，这可能意味着你不能。 子域基本上意味着转发到不同的 ip:port 组合，就像您为不同的 React 应用程序键入 localhost:3001 或 localhost:3002 一样，这就是子域试图隐藏的内容。