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