Cloud Run函数启用CORS仍遇跨域问题求助

核心问题：中间件加载顺序错误 #

你的代码里app.listen(process.env.PORT)放在了CORS中间件配置之前，这会导致服务器启动后，后续的中间件（包括cors）不会被注册到应用中。本地环境可能因为热重载或其他机制偶然生效，但部署到Cloud Run后，这个问题会直接导致CORS头无法被添加。

修正后的代码 #

把app.listen移到所有中间件和路由注册之后：

import dotenv from 'dotenv';
import cors from 'cors';
import express from 'express';
import pass from 'passport';
import sessionLoader from './loaders/session.loader';
import passportLoader from './loaders/passport.loader';
import routes from './routes/routes';
import listEndpoints from 'express-list-endpoints'

dotenv.config();
const app = express();

// 先配置所有中间件
const corsOptions = {
  origin: [process.env.FRONTEND_URL],
  credentials: true,
};
app.use(cors(corsOptions));

// 加载其他中间件和路由
sessionLoader(app);
passportLoader(app);
app.use(routes);

// 最后启动服务器
app.listen(process.env.PORT, () => {
  console.log(`Server running on port ${process.env.PORT}`);
});

export default app;

额外排查点 #

• 验证环境变量格式：确保FRONTEND_URL没有多余的斜杠或空格，比如应该是https://firebase-frontend.web.app，而非https://firebase-frontend.web.app/。
• Cloud Run环境变量检查：在Cloud Run控制台的「变量和秘密」中确认FRONTEND_URL的取值是否正确，避免部署时变量未同步。
• 预请求响应头验证：用浏览器开发者工具查看OPTIONS预请求的响应头，确认是否存在Access-Control-Allow-Origin，如果仍不存在，检查是否有其他中间件（如认证、日志）拦截了请求。
• 临时容错测试：可以临时将corsOptions的origin设为true（动态匹配请求来源），验证是否是域名匹配规则导致的问题，确认后再改回具体URL：

  const corsOptions = {
    origin: true,
    credentials: true,
  };
  

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