axios携带cookie为什么会挑三拣四的？

Dark_programmer

已于 2022-03-22 14:45:44 修改

阅读量1.1k

点赞数 1

分类专栏： js 文章标签： javascript

于 2022-03-22 14:40:24 首次发布

本文链接：https://blog.youkuaiyun.com/Dark_programmer/article/details/123660092

版权

js 专栏收录该内容

48 篇文章

订阅专栏

本文介绍了如何在axios中配置默认携带cookie，探讨了当线上与本地cookie携带不一致的问题，重点在于后端设置SameSite=None;Secure=✔的解决方案。

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

1. 简单实用

关于axios肯定都很熟悉。
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 //  允许携带cookie
})

如此是携带了cookie,但是是一种挑三拣四的携带.

2. 问题描述

比如本地cookie有cookie_1和 cookie_2两个cookie，但是接口请求的时候却只携带了一个cookie_1。那这是为什么呢？

3. 解决办法

产生该问题，是后端在种cookie的时候需要设置SameSite=None;Secure= ✔

如果是线上进行携带了，但是本地开始时没有携带，可以选择手动设置SameSite=None;Secure= ✔

如此即可携带上期望的cookie