实现axios对get 请求设置Cookie

流程

下面是实现axios对get 请求设置Cookie的流程:

实现axios对get 请求设置Cookie流程 2021-08-01 2021-08-01 2021-08-02 2021-08-02 2021-08-02 2021-08-02 2021-08-03 2021-08-03 2021-08-03 2021-08-03 2021-08-04 2021-08-04 从服务器获取Cookie 在axios请求中设置Cookie 发送请求带上Cookie 设置Cookie 实现axios对get 请求设置Cookie流程

步骤及代码示例

第一步:从服务器获取Cookie
// 发送请求获取Cookie
axios.get('
    .then(response => {
        const cookie = response.data.cookie;
        // 将获取到的cookie存储起来
        document.cookie = cookie;
    })
    .catch(error => {
        console.error('获取Cookie失败', error);
    });
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
第二步:在axios请求中设置Cookie
// 创建一个axios实例
const instance = axios.create({
    baseURL: '
    headers: {
        'Content-Type': 'application/json',
        'Authorization': 'Bearer token',
        'Cookie': document.cookie // 设置Cookie
    }
});
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
第三步:发送请求带上Cookie
// 发送带有Cookie的get请求
instance.get('/data')
    .then(response => {
        console.log(response.data);
    })
    .catch(error => {
        console.error('请求失败', error);
    });
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.

状态图

获取Cookie 设置Cookie 发送请求

通过以上流程和代码示例,你可以成功实现axios对get 请求设置Cookie。如果有任何疑问,随时可以向我提问。祝你学习顺利!