Ajax跨域cookies值传递问题

本文探讨了服务器如何通过设置Access-Control-Allow-Credentials为true来允许跨域请求携带凭证,以及客户端如何利用xhr.withCredentials开启此功能。在实际应用中,由于设置了*通配符导致的跨域问题,解决方案是将Access-Control-Allow-Origin属性改为具体的跨域源,如http://localhost:3000,以确保安全的跨域数据传输。

服务器端通过res.header设置Access-Control-Allow-Credentials属性为true
服务器端代码
客户端通过xhr.withCredentials=true,来设置允许跨域访问客户端代码
最后服务器返回的结果:
报错的原因是这个ajax的请求,包含了include,由Access-Control-Allow-Credentials属性来进行控制的
服务器响应的结果
解决方案:
将Access-Control-Allow-Origin属性的*改为跨域访问的域名,我这里使用的是本机进行访问的,所以我的是http://localhost:3000
修改服务器的属性

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小源学AI

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值