Node.js Express服务器无法接收浏览器请求但Postman可正常访问（CORS问题）

针对你遇到的问题，从代码配置和加载顺序入手排查：

1. 修正HTTP方法配置 #

你的CORS配置中包含了非标准HTTP方法'UPDATE'，这会导致CORS规则验证失败，移除该方法即可：

app.use(cors({
    origin: ['http://localhost:3000'],
    methods: ['GET', 'POST', 'DELETE', 'PUT', 'PATCH']
}))

2. 调整中间件与路由的加载顺序 #

你当前的代码先将app赋值为路由模块，后续挂载的CORS中间件根本无法作用到路由上，这是核心问题。调整顺序，先初始化Express实例、加载所有中间件，再挂载路由：

const express = require("express");
require('dotenv').config({ path: `./env/.env.${process.env.NODE_ENV}` })
const cors = require('cors')
var bodyParser = require('body-parser');
var cookieParser = require('cookie-parser')

// 先初始化Express实例
const app = express();
app.use(express.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(cookieParser())
// 先加载CORS中间件
app.use(cors({
    origin: ['http://localhost:3000'],
    methods: ['GET', 'POST', 'DELETE', 'PUT', 'PATCH']
}))
// 再挂载路由
app.use(require('./src/routes'))

const PORT = process.env.PORT || 5000;
const hostname = '0.0.0.0';

app.listen(PORT, hostname, () => console.log(`server running on ${hostname}:${PORT}`));

3. 按需配置凭证支持 #

如果前端请求需要携带Cookie或HTTP认证信息，需在CORS配置中添加credentials: true，同时前端请求也要开启对应配置（比如Axios中设置withCredentials: true）：

app.use(cors({
    origin: ['http://localhost:3000'],
    methods: ['GET', 'POST', 'DELETE', 'PUT', 'PATCH'],
    credentials: true
}))

4. 验证请求地址 #

确认前端请求的目标地址是服务器运行的端口（比如http://localhost:5000），而非前端自身的3000端口，避免因地址错误触发跨域。

按以上步骤调整后，浏览器请求即可正常抵达后端并通过CORS验证。

内容的提问来源于stack exchange，提问作者Gia Nebieridze