koa-session获取不到session踩坑记录

前端react,后端koa,然后用session作了验证码的存储。后端用koa-cors做了跨域。

场景:前端请求验证码,后端session保存验证码,前端发送验证码给后端,后端取出session校验。这里校验的时候拿不到。

查找原因:第一反应,没拿到session,代码写错了。用apifox测试了一下,能拿到。这时候就想到是跨域了。但是在其他接口调试的时候,提示跨域,我通过use(cros())做了后端跨域,一下子找不到问题在哪。

最终:最终有两个地方要改。

1、要对cros传入配置。我的配置如下。

复制代码
app.use(cors({
    origin: 'http://localhost:3001',
    allowMethods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'],
    allowHeaders: ['Content-Type', 'Authorization', 'Accept'],
    credentials: true
}))

2、前端使用axios封装的网络请求,但是axios默认不携带cookies,所以需要把axios的withCredentials = true

做了上面两步就能正常在浏览器中实现验证码校验了。

相关推荐
z***396211 分钟前
Plugin ‘org.springframework.bootspring-boot-maven-plugin‘ not found(已解决)
java·前端·maven
e***582312 分钟前
Nginx 配置前端后端服务
运维·前端·nginx
小奶包他干奶奶18 分钟前
Webpack学习——Plugin(插件)
前端·学习·webpack
q***046318 分钟前
2024最新版Node.js下载安装及环境配置教程【保姆级】
node.js
张拭心21 分钟前
AI 从业者需要铭记的时刻:2023年6月30日
前端·ai编程
我叫张小白。33 分钟前
Vue3 Hooks:逻辑复用的解决方案
前端·javascript·vue.js·前端框架·vue
S***t71437 分钟前
前端物联网开发
前端·物联网
我叫张小白。44 分钟前
Vue3 Props 的使用:组件间数据传递的桥梁
前端·javascript·vue.js·vue3
r***86981 小时前
Nginx解决前端跨域问题
运维·前端·nginx
广州华水科技1 小时前
单北斗GNSS在桥梁变形监测中的关键应用与技术优势分析
前端