React搭配Express-session失效，session数据为空该如何解决？

可能原因及修复方案 #

1. 缺失Express Session核心配置 #

你未提供Express的session初始化代码，这是session生效的基础。默认express-session用内存存储，不仅重启服务会丢失数据，还可能跨请求无法维持会话。需配置session中间件，示例如下：

const session = require('express-session');
const cookieParser = require('cookie-parser');

// 先挂载cookieParser，再挂载session
app.use(cookieParser());
app.use(session({
  secret: '你的加密密钥（建议用环境变量存储）',
  resave: false,
  saveUninitialized: false,
  cookie: {
    secure: false, // 开发环境设为false，生产环境需设为true（HTTPS）
    httpOnly: true,
    maxAge: 24 * 60 * 60 * 1000 // session有效期1天
  }
}));

2. Axios请求参数格式错误 #

你的登录请求把headers和withCredentials放在了请求体参数里，Axios的post方法参数结构为axios.post(url, data, config)，正确写法应将请求头、withCredentials放在第三个配置参数中：

axios.post(LoginURL, { body: loginDetails }, {
  headers: {
    'Content-Type': 'application/json'
  },
  withCredentials: true
})

3. 后续请求未携带withCredentials #

登录成功后的所有后续请求都需要加上withCredentials: true，否则浏览器不会自动携带session cookie，导致Express无法识别会话。可全局配置Axios避免重复设置：

import axios from 'axios';

axios.defaults.withCredentials = true;
axios.defaults.baseURL = '你的Express服务地址';

4. CORS配置优化 #

当前CORS配置存在冗余，app.options('http://localhost:3000', cors())可删除，因为app.use(cors(...))已处理OPTIONS请求。同时确保配置覆盖必要头部：

app.use(cors({
  origin: "http://localhost:3000",
  credentials: true,       
  methods: ['POST', 'PUT', 'GET', 'OPTIONS', 'HEAD'],
  allowedHeaders: ['Content-Type', 'Authorization'], // 允许必要请求头
  optionSuccessStatus: 200
}));

5. 验证Session是否正确存储 #

可在登录接口添加日志，确认session是否被正确设置：

router.post("/login", async (req, res) => {
  superAdminHelpers
    .Login(req.body.body)
    .then((response) => {
      req.session.superAdmin = response.email;
      console.log('当前session:', req.session); // 打印日志验证
      res.send(response);
    })
    .catch((err) => {
      res.status(401).send(err);
    });
});

在后续接口中也打印req.session，确认是否能获取到数据。

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