Bootstrap

【掉过的坑】axios获取cookie的正确姿势

问题描述

正常人使用axios的时候,要获取response中的cookie,正常写法是:

axios.post('xxx.url',params)
.then(res => {
    console.log(res.headers['set-cookie'])
})
.catch(err => {
    console.log(err)
})

但是!你会你发现你得到一个undefined!
惊不惊喜?意不意外?

你觉得没道理啊?你打开在浏览器打开F12看包,发现这个res.headers['set-cookie']确实存在,没理由undefined啊!

 原因

https://github.com/axios/axios/issues/953
最终,你发现这是axios官方的锅,他确实就是get不到。

 解决方法

通过js原生接口来获取:

let allCookies = document.cookie

虽然我觉得在axios里面混写原生借口很不优雅,但是不知道有没更好办法。

一个有用的小工具

如果有时候,cookie里面有多个字段,你想提取特定的字段的,可以用这个小工具。就几行代码,不复制粘贴了,尊重原创。
https://stackoverflow.com/a/21125098

;