axios请求不携带Cookie的原因

axios请求默认是不携带 Cookie 的,如果需要携带 Cookie 前端需要配置

// 允许携带cookie请求
axios.defaults.withCredentials = true

// 创建axios实例
const service = axios.create({
	baseURL: process.env.BASE_API, // api的base_url
	timeout: 5000, // 请求超时时间
	withCredentials: true
})

同时还要确保后端配置了

 Access-Control-Allow-origin= '前端请求IP地址(如果有端口带上端口)' // 不能为 * 否则跨域不生效
 Access-Control-Allow-Credentials = true

如果还是不行,后端设置 Cookie 时,需要设置 SameSite=None;Secure,同时后端配置 https 请求,因为浏览器默认 SameSite=Lax
在这里插入图片描述
在这里插入图片描述
补充:如果使用了 Mock.js 会携带不上 Cookie
如果使用了mock.js,只需要在使用mock的地方设置以下代码,就可以在正常发送 cookie 了

import Mock from 'mockjs'
Mock.XHR.prototype.withCredentials = true

如果以上都配置好了,还是不能携带 Cookie 就是浏览器的问题了。但一般情况都是后端配置跨域,和浏览器无关,因为换个浏览器就不知道情况了
在这里插入图片描述
把框选的设置为 Disabled 就可以了
更新:新版 Chrome 浏览器已经没有这个选项了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值