前后端分离时egg的session获取不到

Question

代码

后端

// service/login.js
// 获取验证码
  async getVerifyCode() {
    const { ctx } = this;
    const captcha = svgCaptcha.create({
      size: 4,
      fontSize: 50,
      width: 100,
      height: 40,
      background: '#ccc',
    });

    let res = ctx.returnInfo(0, captcha.data, '请求成功');

    if (!captcha.data) {
      res = ctx.returnInfo(403, '', '请求验证图片错误');
    }

    ctx.session.maxAge = 1000 * 60 * 5; // 5分钟
    ctx.session.renew = false; // 设置在连续访问的时候不刷新剩余时间
    ctx.session.verifyCode = captcha.text; // 设置session
    return res;
  }

  // controller/login.js
  // 登陆
  async login() {
    const { ctx, service } = this;
    const res = await service.login.index();
    console.log(ctx.session.verifyCode); // 获取session
    ctx.body = res;
  }

  // config/config.default.js
  // 跨域设置
  config.cors = {
    origin: '*',
    allowMethods: 'GET,HEAD,PUT,POST,DELETE,PATCH',
  };

前端

await axios.put(`${backIP}/login`, data)

描述

用postman测试一切如预期，但是在项目中实际操作的时候，会出现session的值不能获取到的情况，获取之后的session为undefined

Answer 1

楼主,按以下方法解决：

1、前端vue是用的axios发起的请求，则要如下设置：
import axios from 'axios'
axios.defaults.withCredentials=true

2、后端egg.js框架使用egg-cors插件来配置跨域
在config.default.js配置文件里按如下设置：
config.cors = {

origin: 'http://127.0.0.1:8080',//一定要是域名端口
credentials:true,//credentials设置为true,和前端保持一致
allowMethods: 'GET,POST'

}

Answer 2

楼主可以参考：

eggjs 无法获取到 session 问题 https://juejin.cn/post/690149...