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

问题描述

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

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


  * 1
  * 2
  * 3
  * 4
  * 5
  * 6
  * 7
  * 8

但是！你会你发现你得到一个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