エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【Nuxt3】serverディレクトリで実装したAPIにCORS対策を行う - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【Nuxt3】serverディレクトリで実装したAPIにCORS対策を行う - Qiita
Nuxt3を使用したフロントエンド開発を行う中で、APIをNuxt3のserverディレクトリを使ってモックしていま... Nuxt3を使用したフロントエンド開発を行う中で、APIをNuxt3のserverディレクトリを使ってモックしていました。 しかし、ロードバランサーを経由する形でフロントエンドにアクセスをしたところ、そのAPIがCORSエラーになってしまいました。 この問題を解決する手順について対策中に出たいくつかのエラーをの解決策も含めて解説をします。 完成したコード server/middleware/cors.jsを作成し、以下のコードを記述します。 // server/middleware/cors.js export default defineEventHandler((event) => { const method = event.node.req.method // 許可するオリジン(=ロードバランサーのオリジン) const allowedOrigins = ['http://loca