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*
それ自体に行われます。