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

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

相关推荐
SamChan908 分钟前
在Web应用中集成PDF多语言翻译功能:PDFTranslator API实战指南
前端·python·ai·pdf·yapi·机器翻译
kyriewen22 分钟前
AI Agent 9秒删光了生产数据库——我给自己的项目做了5个紧急检查
前端·ai编程·claude
IT_陈寒34 分钟前
JavaScript的this又双叒叕让我怀疑人生了
前端·人工智能·后端
行走的陀螺仪41 分钟前
一次 opencode + OpenPencil MCP 协同解析 .fig 文件的踩坑实录
node.js·figma·mcp·opencode
陈随易1 小时前
MCP协议第5次更新,从打电话到微信聊天的巨大变革
前端·后端·程序员
omnijk1 小时前
前端工程化
前端
做前端的娜娜子1 小时前
前端必看!我把一段"能跑不敢动"的报表代码用 AI 重构成了组件(附完整 Prompt)
前端·ai编程
hunterandroid2 小时前
[鸿蒙从零到一] ArkUI 动画与转场实战:状态驱动、组件过渡与页面衔接
前端
何时梦醒2 小时前
React + TypeScript + Vite 实战:从零构建 Color Picker 应用
前端·javascript·架构