Vue

Node express 設定 CORS

Node express 設定 CORS

Web確保客戶端與伺服器之間的安全無縫隙通訊至關重要。
跨來源共享的CORS需要正確的配置

安裝 cors

curs npm

1
npm install cors

引入與使用

1
2
3
4
5
6
7
const express = require('express');
const cors = require('cors');

const app = express();

// 將其實作為中間件
app.use(cors());
配置來源
根據應用程式的要求自訂 CORS 設定 
1
2
3
4
5
6
7
8
9
10
11
12
13
//origin單個時
const corsOptions = {
   origin: 'https://www.nileshblog.tech/',
   optionsSuccessStatus: 200,
 };

//origin多個時
const corsOptions = {
   origin: ['https://localhost:5175', 'https://192.168.220.20:5175','https://www.nileshblog.tech/'],
   optionsSuccessStatus: 200,
 };
//使用
app.use(cors(corsOptions))
處理路由中的 CORS
如果需要，將 CORS 設定套用至特定路由： 
1
2
3
app.get('/authenticated-route', cors(corsOptions), (req, res) => {
   // Your route logic here
 });