关于Cookie和express中cookie的使用,以及跨域请求携带Cookie的问题和解决方案

本文介绍了Cookie的工作原理,重点讨论了浏览器不允许cookie跨域传递的问题及其解决方案,包括服务器端设置响应头和客户端调整Ajax请求属性。同时,详细阐述了在Express中安装、设置和获取Cookie的方法,以及如何实现多个二级域名共享Cookie。
摘要由CSDN通过智能技术生成

一、关于Cookie

在我们关闭一个登录过的网址并重新打开它后,我们的登录信息依然没有丢失;当我们浏览了商品后历史记录里出现了我们点击过的商品;当我们推回到首页后,推荐商品也为我们选出了相似物品;事实上当我们有过此类操作后,浏览器会将我们的操作信息保存到cookie上面。总而言之,cookie就是储存在用户本地终端上的数据。

Cookie的特点

  1. cookie保存在浏览器本地,只要不过期关闭浏览器也会存在。
  2. 正常情况下cookie不加密,用户可轻松看到
  3. 用户可以删除或者禁用cookie
  4. cookie可以被篡改
  5. cookie可用于攻击
  6. cookie存储量很小,大小一般是4k
  7. 只在同源的情况下发送请求自动带上登录信息
浏览器不允许cookie跨域传递,cookie跨域携带的解决方案:

需要从2个方面解决:
服务器端:

  • .使用CROS协议解决跨域访问数据问题时,需要设置响应消息头Access-Control-Allow-Credentials值为“true”
    同时,还需要设置响应消息头Access-Control-Allow-Origin值为指定单一域名(注:不能为通配符“*”)。
app.all('*', function(req, res, next) {
   
    res.header("Access-Control-Allow-Origin", req.headers.origin); //如果要发送Cookie,就不能设为星号,必须指定明确的、与请求网页一致的域名
    res.header("Access-Control-Allow-Credentials",true); //允许带cookies
    next();
});
  • 也可以直接使用cors中间件(推荐)

客户端:
需要设置Ajax请求属性withCredentials=true,让Ajax请求都带上Cookie。

  • 对于XMLHttpRequest的Ajax请求
var xhr = new XMLHttpRequest();
xhr.open('GET', url);
xhr.withCredentials = 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

codingWeb

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

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

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

打赏作者

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

抵扣说明:

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

余额充值