cookie无法自动携带问题排查

最新推荐文章于 2025-03-22 21:59:19 发布

haishangfeie

最新推荐文章于 2025-03-22 21:59:19 发布

阅读量4.5k

点赞数 6

分类专栏：前端开发-踩坑

本文链接：https://blog.youkuaiyun.com/haishangfeie/article/details/103848588

版权

本文介绍了当遇到cookie无法自动携带的问题时，如何进行排查。主要关注点包括跨域设置、withCredentials配置、CORS响应头、浏览器限制及插件影响、cookie属性等。通过检查请求报文和确认后端配置，大部分问题可以得到解决。同时提醒读者不要忽略低概率事件，如浏览器设置或插件导致的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以前公司的项目，曾经遇到过cookie无法携带的问题，排查了很久。近日一个做前端的朋友也遇到了类似的问题，问起我来，想想这个问题也可以记录一下，于是便有了这篇文章。

首先，同域请求时，cookie是可以自动携带的，出现cookie无法自动携带，往往就是跨域导致的。

一般现在都是前后端分离，因此一般都会有跨域的情况，往往cookie无法自动携带就是跨域问题导致的。

我认为遇到类似的问题(cookie无法自动携带)需要注意以下几点：

是否设置了withCredentials

如果在发送来自其他域的XMLHttpRequest请求之前，未设置withCredentials 为true，那么就不能为它自己的域设置cookie值

一些常见的例子：
由于我最熟悉的是vue，用的最多的库是axios，因此特别拿出来先说：

// axios
// 一般而言，我们使用axios时都会封装一个项目的请求库（当然使用jq等也是一样，这里只是以axios举例），那写法应该是类似如下：
import axios from 'axios';
const http = axios.create({
   
	withCredentials: true // 允许携带cookie
});

/

最低0.47元/天解锁文章