Next.js でバックエンドではなく Next.js に POST してみる

[Nao000]

Next.js の CSRF 対策じゃなくて、まずは普通にPOSTしてみる

[Nao000]

サーバ側

export default function handler(req, res) {
  if (req.method === 'POST') {
    // Process a POST request
  } else {
    // Handle any other HTTP method
  }
}

以下から引用 https://nextjs.org/docs/pages/building-your-application/routing/api-routes

リクエスト側

これをブラウザのコンソールで実行して試した

await fetch('/api/hello', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({name: 'EXAMPLE-NAME-FROM-POST'}),
})

以下を参考 https://stackoverflow.com/questions/66739797/how-to-handle-a-post-request-in-next-js

ブラウザでGETリクエスト時

ブラウザのコンソールで POST リクエスト時

結論

POST 出来た