npm install cors --save

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

// 獲取本地IP（可選，用于局域網(wǎng)訪問）
const os = require('os');
const localIP = Object.values(os.networkInterfaces())
  .flat()
  .find(iface => iface.family === 'IPv4' && !iface.internal)?.address || '127.0.0.1';
const PORT = 3000; // 后端端口

// 完整CORS配置
const corsOptions = {
  // 允許的源（前端域名/端口）
  origin: [
    `http://localhost:${PORT}`,
    `http://${localIP}:${PORT}`,
    `http://localhost:8080`, // 前端大屏常用端口
    `http://${localIP}:8080`,
    `http://localhost:5173`, // Vite默認(rèn)端口
    `http://${localIP}:5173`,
    `http://localhost:5500`, // Live Server端口
    `http://${localIP}:5500`
  ],
  credentials: true, // 允許跨域攜帶Cookie（登錄場景必備）
  methods: ['GET', 'POST', 'PUT', 'DELETE', 'PATCH', 'OPTIONS'], // 允許的HTTP方法
  allowedHeaders: [ // 允許的請求頭（覆蓋前端常見請求頭）
    'Origin', 
    'Content-Type', 
    'Authorization', 
    'Cache-Control', 
    'Pragma', 
    'X-Requested-With'
  ]
};

// 應(yīng)用CORS中間件
app.use(cors(corsOptions));

// 后續(xù)路由、業(yè)務(wù)邏輯配置...
app.listen(PORT, () => {
  console.log(`Server running at http://localhost:${PORT}`);
});

// 開發(fā)環(huán)境配置（寬松）
const corsOptionsDev = {
  origin: true, // 允許所有源（開發(fā)階段便捷）
  credentials: true,
  methods: ['GET', 'POST', 'PUT', 'DELETE', 'PATCH', 'OPTIONS'],
  allowedHeaders: '*' // 允許所有請求頭（僅開發(fā)環(huán)境使用）
};

// 生產(chǎn)環(huán)境配置（嚴(yán)格）
const corsOptionsProd = {
  origin: [
    'https://yourdomain.com', // 生產(chǎn)前端域名
    'https://www.yourdomain.com'
  ],
  credentials: true,
  methods: ['GET', 'POST', 'PUT', 'DELETE', 'PATCH', 'OPTIONS'],
  allowedHeaders: [
    'Origin', 'Content-Type', 'Authorization', 
    'Cache-Control', 'Pragma', 'X-Requested-With'
  ]
};

// 根據(jù)環(huán)境變量切換配置
const corsOptions = process.env.NODE_ENV === 'production' 
  ? corsOptionsProd 
  : corsOptionsDev;

app.use(cors(corsOptions));

const corsOptions = {
  origin: (origin, callback) => {
    // 開發(fā)環(huán)境：允許所有l(wèi)ocalhost/127.0.0.1來源（無origin為Postman等工具）
    if (process.env.NODE_ENV === 'development') {
      if (!origin || origin.includes('localhost') || origin.includes('127.0.0.1')) {
        return callback(null, true);
      }
    }

    // 生產(chǎn)環(huán)境：嚴(yán)格白名單
    const allowedOrigins = [
      'https://yourdomain.com',
      'https://test.yourdomain.com' // 測試環(huán)境
    ];

    if (!origin || allowedOrigins.includes(origin)) {
      callback(null, true); // 允許跨域
    } else {
      callback(new Error('Not allowed by CORS')); // 拒絕跨域
    }
  },
  credentials: true,
  methods: ['GET', 'POST', 'PUT', 'DELETE', 'PATCH', 'OPTIONS'],
  allowedHeaders: ['Origin', 'Content-Type', 'Authorization', 'Cache-Control', 'Pragma']
};

app.use(cors(corsOptions));

app.use(cors({
  origin: '*', // 允許所有源
  methods: '*', // 允許所有方法
  allowedHeaders: '*' // 允許所有請求頭
}));

app.use((err, req, res, next) => {
  if (err.message === 'Not allowed by CORS') {
    console.error(`CORS錯誤：${req.headers.origin} 未被允許`);
    res.status(403).json({ code: 403, msg: '跨域訪問被拒絕' });
  } else {
    next(err);
  }
});