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

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

相关推荐
90后的晨仔几秒前
Pinia 状态管理原理与实战全解析
前端·vue.js
代码搬运媛6 分钟前
【架构相关】tsconfig.json 与 tsconfig.node.json、tsconfig.app.json 的关系和作用
node.js·json
杰克尼6 分钟前
JavaWeb_p165部门管理
java·开发语言·前端
EndingCoder7 分钟前
WebSocket实时通信:Socket.io
服务器·javascript·网络·websocket·网络协议·node.js
90后的晨仔8 分钟前
Vue3 状态管理完全指南:从响应式 API 到 Pinia
前端·vue.js
90后的晨仔23 分钟前
Vue 内置组件全解析:提升开发效率的五大神器
前端·vue.js
我胡为喜呀26 分钟前
Vue3 中的 watch 和 watchEffect:如何优雅地监听数据变化
前端·javascript·vue.js
我登哥MVP1 小时前
Ajax 详解
java·前端·ajax·javaweb
非凡ghost1 小时前
Typora(跨平台MarkDown编辑器) v1.12.2 中文绿色版
前端·windows·智能手机·编辑器·软件需求
馨谙1 小时前
/dev/null 是什么,有什么用途?
前端·chrome