Express を使用して Node.js の CORS エラーを解決する方法?

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

問題の説明

クロスオリジン別のオリジンで実行されているアプリケーションがオリジン上のサーバーからリソースにアクセスしようとすると、リソース共有 (CORS) エラーが発生します。違う起源。 Cornerstone.js を使用して WADO サービスから DICOM ファイルを取得する場合、DICOM サービス (ポート 8080 で実行) とクライアント アプリケーション (ポート 3000 で実行) の間のポートの不一致が原因で、このエラーが発生する可能性があります。

解決策

Express を使用して Node.js アプリケーションで CORS を有効にするには、次の手順に従います。手順:

1. CORS ミドルウェアをインストールします:

npm install cors --save

2. CORS ミドルウェアを Express アプリに追加します:

cors および Express モジュールをインポートし、Express アプリを作成し、use() メソッドを使用して CORS をグローバルに有効にします。

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

app.use(cors());

追加メモ:

• cors() ミドルウェアは、すべての応答に次のヘッダーを追加します:

  • Access-Control-Allow-Origin: * (任意のオリジンからのリクエストを許可します)
  • Access-Control-Allow-Headers : Content-Type、Authorization (特定のヘッダーを許可)リクエスト)
  • Access-Control-Allow-Methods: GET、POST、PUT、PATCH、DELETE、OPTIONS (特定の HTTP メソッドを許可)
• このソリューションでは、次の CORS が許可されます。 DICOM ファイルが保存されているポート 8080 を含む、Express アプリへのすべてのリクエスト
• CORS 設定をより詳細に制御する必要がある場合は、cors() ミドルウェアにオプションを渡すことができます。詳細については、cors npm パッケージのドキュメントを参照してください。

以上がExpress を使用して Node.js の CORS エラーを解決する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。