2

APIパスのNextJSでRewritesを機能させようとしています。CORSの問題を回避するためでした。

NextJs CORS issueの解決策に従いました。

localhost で動作していますが、実稼働環境では動作しません (私は Vercel 自体にデプロイしていました)。

私は基本的にすべてのタイプの書き換えを試しました:

async rewrites() {
    return {
      beforeFiles: [
        {
          source: "/api/:path*",
          destination: `https://example.com/api/v1/:path*`,
          basePath: false,
        },
      ],
      afterFiles: [
        {
          source: "/api/:path*",
          destination: `https://example.com/api/v1/:path*`,
          basePath: false,
        },
      ],
      fallback: [
        {
          source: "/api/:path*",
          destination: `https://example.com/api/v1/:path*`,
          basePath: false,
        },
      ],
    };
  },

この書き換えは localhost では機能しますが、本番環境では書き換えが機能しなくなり、API 呼び出しが/api/:path*それ自体に行われます。

4

1 に答える 1