Node.js アプリケーションの Express.js で CORS を有効にする方法

Express for Node.js で CORS を有効にする方法

Express for Node.js でクロスオリジン リソース共有 (CORS) を有効にするには、cors ミドルウェアを使用できます。このミドルウェアは、必要な CORS ヘッダーを応答に追加し、アプリケーションが他のドメインまたはプロトコルと通信できるようにします。

インストール

次を使用して cors ミドルウェアをインストールします。コマンド:

npm install cors --save

使用法

インストール後、cors ミドルウェアを要求し、Express アプリで次のように使用します:

const cors = require('cors');
const express = require('express');

const app = express();
app.use(cors());

このミドルウェアを追加すると、すべての API ルートに CORS ヘッダーが自動的に追加されます。

CORS オプションのカスタマイズ

構成オブジェクトを cors() ミドルウェアに渡すことで、CORS オプションをカスタマイズできます。たとえば、すべてのオリジン、メソッド、ヘッダーに対して CORS を有効にするには、次の構成を使用できます。

app.use(cors({
  origin: '*',
  methods: 'GET,HEAD,PUT,PATCH,POST,DELETE',
  allowedHeaders: 'Content-Type,Authorization',
}));

プリフライト リクエストの有効化

一部のブラウザーは、実際のリクエストを送信する前のプリフライトリクエスト。これに対処するには、CORS 設定に preflightContinue オプションを追加できます。

app.use(cors({
  preflightContinue: true,
}));

トラブルシューティング

まだ CORS の問題が発生する場合は、サーバーが適切な CORS ヘッダーで応答しています。 Postman やブラウザの開発者ツールなどのツールを使用して、応答ヘッダーを検査できます。また、クライアント側アプリケーションが正しい送信元と資格情報を送信していることを確認してください。

以上がNode.js アプリケーションの Express.js で CORS を有効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。