koa使用setCookies不生效

koa使用setCookies不生效问题

具体情况如标题,最近在跟着视频课程学习KOA,在学习到koa中cookies的使用时踩了一个巨坑!
具体表现如下

服务器端代码

  ctx.set("Access-Control-Allow-Origin", "*");
  ctx.set(
    "Access-Control-Allow-Headers",
    "Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild"
  );
  ctx.set("Access-Control-Allow-Methods", "PUT, POST, GET, DELETE, OPTIONS");
  const { method, url } = ctx;
  ctx.cookies.set("username", 1231312);

很简单的代码,配置跨域,配置允许的请求等,并在接受到前端请求时往前端写入cookie。

前端表现

在这里插入图片描述
可以看到响应头中也有set-cookie。但是问题是cookie怎么都写不到浏览器中去!!!
在这里插入图片描述

经过我百度再谷歌,谷歌再百度终于在一篇16年的帖子中找到了答案。(这里吐槽一句,网上百分之九十的方法都不好用。。。)

解决此类问题三部曲
1、修改koa配置 在koa配置中加上

	ctx.set("Access-Control-Allow-Credentials", true);

2、修改koa配置中的跨域配置

	ctx.set("Access-Control-Allow-Origin", "http://localhost:8080");

*改成具体的域名 我也不清楚为啥,博客上写*会和第一步中的配置冲突
3、前端请求配置
axios中配置

	axios.defaults.withCredentials = true;

在这里插入图片描述

亲测有用!!!!!!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值