MERN项目登录成功后未创建Session Cookie问题求助

以下是针对你代码中可能导致Cookie未生成的问题及修复方案：

1. 前端Axios请求未携带跨域凭证 #

跨域请求时，浏览器默认不会发送Cookie，需要在Axios请求中显式开启withCredentials：

修改Login.js中的登录请求：

const login = (e) => {
  e.preventDefault()
  Axios.post("https://anydomain.com/login", {
    email: emailLog, 
    password: passwordLog
  }, { 
    withCredentials: true // 新增此配置，允许携带Cookie凭证
  }).then((response)=> {
    if (response.data.result.email) {
      setEmailLog(response.data.result.email);  
      alert("Success")
      setTimeout(() => navigate("/home"), 1000);
    } 
  });
};

2. 后端缺失CORS跨域配置 #

跨域场景下，后端必须明确允许前端域名的凭证请求，否则浏览器会拒绝保存Cookie：

首先安装cors依赖：

npm install cors

然后在index.js中添加CORS配置（替换为你的前端实际域名）：

const cors = require('cors');

// 放在session配置之前
app.use(cors({
  origin: "https://your-frontend-url.com", // 例如本地开发用"http://localhost:3000"
  credentials: true // 允许携带凭证
}));

注意：origin不能设置为*，否则credentials: true会失效。

3. Session Cookie配置错误 #

3.1 secure属性与环境不匹配 #

secure: true要求只有HTTPS协议才会传输Cookie，如果你的后端是HTTP环境（比如本地开发），会导致Cookie无法被浏览器保存。建议根据环境动态设置：

app.use(session({
  cookie:{
    secure: process.env.NODE_ENV === 'production', // 生产环境用true，开发环境false
    sameSite: process.env.NODE_ENV === 'production' ? "none" : "lax", // sameSite:none必须配合secure:true
    httpOnly: true,
    maxAge: 10 * 24 * 60 * 60 * 1000 // 修正maxAge为10天的毫秒数（原代码计算错误）
  },
  key: process.env.COOKIE_KEY,
  store: new MemoryStore({
      checkPeriod: 86400000 // prune expired entries every 24h
  }),
  secret: 'subscribe',
  saveUninitialized: true,
  resave: false,
}));

3.2 maxAge值计算错误 #

原代码中maxAge:10 * 10 * 24 * 60的结果是144000毫秒（仅2.4分钟），Cookie会很快过期，修正为10天的毫秒数：10 * 24 * 60 * 60 * 1000。

4. 验证Session是否生效 #

可以在后端的/loginGET接口中添加日志，确认session是否被正确设置：

app.get("/login", (req, res) => {
  console.log("Session data:", req.session); // 打印session数据，排查是否存储成功
  if(req.session.email) {
      res.send({loggedIn: true, email: req.session.email, role : req.session.role })
  } else {
      res.send({loggedIn: false})
  }
});

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