首頁 > web前端 > js教程 > 如何在 Express.js 中為 Node.js 應用程式啟用 CORS?

如何在 Express.js 中為 Node.js 應用程式啟用 CORS?

Mary-Kate Olsen
發布: 2024-11-27 16:39:10
原創
243 人瀏覽過

How to Enable CORS in Express.js for Node.js Applications?

如何在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',
}));
登入後複製

啟用預檢請求

某些瀏覽器可能會發送在發送實際請求之前發送預檢請求。要解決此問題,您可以將preflightContinue 選項新增至CORS 配置:

app.use(cors({
  preflightContinue: true,
}));
登入後複製

故障排除

如果您仍然遇到CORS 問題,請確保伺服器使用適當的CORS 標頭進行回應。您可以使用 Postman 等工具或瀏覽器的開發人員工具來檢查回應標頭。另外,請確保客戶端應用程式發送正確的來源和憑證。

以上是如何在 Express.js 中為 Node.js 應用程式啟用 CORS?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板