删除全局标头 Axios

当我们使用 Axios 发送请求时，它会自动添加一些默认的请求头，这些请求头可能不适用于我们的项目或某个请求。因此，需要删除这些全局标头。下面介绍如何实现删除全局标头。

Step 1: 创建 Axios 实例

首先，我们需要创建 Axios 实例，而不是使用全局的 Axios 对象。这样可以避免对全局所有请求产生影响。

import axios from 'axios'

const instance = axios.create({
  // 在这里添加项目所需的配置
})

Step 2: 删除全局标头

我们可以在创建实例时，通过 delete 关键字删除全局标头。

const instance = axios.create({
  headers: {
    common: {
      'X-Requested-With': 'XMLHttpRequest',
      'Authorization': 'Bearer ' + localStorage.getItem('token')
    }
  }
})

delete instance.defaults.headers.common['X-Requested-With']

这样我们就成功删除了默认的 X-Requested-With 请求头。同样的方法也可以删除其他全局标头。

完整代码：

import axios from 'axios'

const instance = axios.create({
  headers: {
    common: {
      'X-Requested-With': 'XMLHttpRequest',
      'Authorization': 'Bearer ' + localStorage.getItem('token')
    }
  }
})

// 删除全局标头
delete instance.defaults.headers.common['X-Requested-With']

以上就是删除全局标头 Axios 的方法，通过这种方式，我们可以获得更好的控制，更适合我们的项目需求。