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

Question

I have a Next.js app with a custom 404 page. This is my website: frinksmovement.com When I go to a subdomain that isn't defined (for example frinksmovement.com/abc), it should show the custom 404 page but it load my homepage. This doesn't happen on my local machine. This is my 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

Edit: It's not subdomain you mean, it's a different path or page , NextJS provides you with a built in way to handle custom 404 pages. Here you go: https://nextjs.org/docs/advanced-features/custom-error-page

I found a similar question that might unfortunately mean that you can't. A subdomain is basically meant to forward to a different ip:port combination, the same way you type localhost:3001 or localhost:3002 for different React applications, that's what a subdomain tries to hide.