NextJs CORS の問題
P粉919464207
P粉919464207 2023-08-29 12:57:35
0
2
500

Vercel (www.example.com) でホストされている Next.js アプリケーションでは、api.example.com (api.example.com) とは別のサーバーでホストされているバックエンドが必要です。通信するには NET Core Web API 。 .NET Core Web API は CORS を許可するように構成されていますが、応答にallow-cors ヘッダーが欠落しているため、AXIOS を使用してデータを取得すると、Next.js がデータを表示できないという苦情を繰り返します。 <ブロック引用>

オリジン 'http://www.example.com' から 'https://api.example.com' の XMLHttpRequest へのアクセスは CORS ポリシーによってブロックされました: プリフライト リクエストへの応答はアクセス制御チェックに失敗しました: 'Access-Control-Allow-Origin' ヘッダーが要求されたリソースに存在しません

npm run dev を使用してローカルで実行すると正常に動作しますが、ビルドしてから npm run start

を実行すると、正常に動作します。

本番環境で cors の問題を解決する方法を知っている人はいますか?

P粉919464207
P粉919464207

全員に返信 (2)
P粉438918323

nextjscorsライブラリを使用したい場合は、そのためのライブラリnextjs-corsを作成しました。

https://www.npmjs.com/nextjs-cors

https://github.com/yonycalsin/nextjs-corsリーリー

いいねを押す+0
    P粉044526217

    解決策を見つけましたここ:

    基本的には、ルート ディレクトリに next.config.js ファイルを追加し、次の内容を追加するだけです:

    リーリー
    いいねを押す+0
      最新のダウンロード
      詳細>
      ウェブエフェクト
      公式サイト
      サイト素材
      フロントエンドテンプレート
      私たちについて 免責事項 Sitemap
      PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!