如何解决CORS（跨源资源共享）无凭据错误？注册登录失效

问题根源 #

你当前的配置里，全局CORS设置了credentials: true和指定origin，但单独的app.options('*', cors())会使用默认配置——默认不支持凭据且origin为*，这和全局配置冲突，导致OPTIONS预检请求不通过，进而引发后续注册、登录请求的CORS错误。

修复步骤 #

1. 移除单独的OPTIONS路由配置，全局CORS配置已指定methods包含OPTIONS，无需额外处理。
2. 验证process.env.CLIENT_URL的正确性，确保它和客户端实际请求地址完全匹配（包括协议、域名、端口，比如http://localhost:3000，不能带结尾斜杠）。
3. 调整后的完整配置：

const app = express();
app.use('/uploads', express.static(__dirname + '/uploads'));
app.use(express.json());
app.use(cookieParser());
// 全局CORS配置，已覆盖OPTIONS请求处理
app.use(cors({
  methods: "GET,POST,PATCH,DELETE,OPTIONS",
  credentials: true,
  origin: process.env.CLIENT_URL,
}));
// 移除原有的app.options('*', cors());

额外检查点 #

• 客户端请求必须开启凭据携带：用Axios时设置withCredentials: true，用Fetch时设置credentials: 'include'，否则服务端的credentials: true配置无法生效。
• 可通过console.log(process.env.CLIENT_URL)确认环境变量是否正确加载，避免因变量未读取导致origin失效。

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