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 一樣，這就是子域試圖隱藏的內容。