React+Node.js+Passport.js部署后Google登录验证失败（本地正常）

针对你部署后调用/login/success接口出现Network Error、无法识别登录状态的问题，核心原因是跨域场景下Cookie的配置和会话存储不符合生产环境要求，以下是具体解决方案：

1. 修正Cookie的SameSite与Secure属性 #

部署后前后端为不同域名，必须调整Cookie的跨域属性：

// 找到express-session的配置代码，修改cookie选项
app.use(session({
  secret: process.env.SECRET,
  resave: false,
  saveUninitialized: false,
  cookie: {
    secure: true, // HTTPS环境下必须开启，否则SameSite=None不生效
    sameSite: 'None', // 跨域场景强制设为None，允许跨站传递Cookie
    maxAge: 24 * 60 * 60 * 1000 // 可选，设置Cookie有效期
  }
}));

2. 完善CORS配置 #

CORS必须指定具体前端域名，同时开启credentials允许携带Cookie：

const cors = require('cors');

const corsOptions = {
  origin: 'https://login-with-google-mern-murex.vercel.app', // 你的前端部署域名
  credentials: true, // 关键：允许请求携带Cookie
  optionsSuccessStatus: 200
};
app.use(cors(corsOptions));

⚠️ 注意：不能使用*作为origin，否则credentials: true会失效。

3. 替换Session存储为持久化方案 #

本地开发用的内存存储在生产环境（如Render）会因实例重启/多实例导致会话丢失，改用MongoDB存储：

1. 安装依赖：

npm install connect-mongo

2. 配置session存储：

const MongoStore = require('connect-mongo');

app.use(session({
  secret: process.env.SECRET,
  resave: false,
  saveUninitialized: false,
  cookie: {
    secure: true,
    sameSite: 'None',
    maxAge: 24 * 60 * 60 * 1000
  },
  store: MongoStore.create({
    mongoUrl: process.env.MONGO_URI // 你的MongoDB连接字符串
  })
}));

4. 检查Passport序列化/反序列化逻辑 #

确保用户会话能正确被解析：

passport.serializeUser((user, done) => {
  done(null, user.id);
});

passport.deserializeUser(async (id, done) => {
  try {
    const user = await User.findById(id);
    done(null, user);
  } catch (err) {
    done(err, null);
  }
});

同时验证部署后的数据库连接是否正常（如MongoDB Atlas的IP白名单是否允许Render服务器访问）。

5. 验证前端请求配置 #

确认Axios的withCredentials: true已正确设置，且请求域名与后端CORS配置的origin完全一致（无大小写、斜杠差异）。

内容的提问来源于stack exchange，提问作者Anurag Kamboj 5-Year IDD Mathe