Axios中的标头

在使用Axios进行Ajax请求的过程中，Header（标头）是很重要的一部分。在Axios中，Header可以用以下方式进行设置：

1. 设置全局默认Header

通过Axios.defaults.headers可以设置全局默认Header，该Header会被用于所有的Ajax请求：

// 设置全局默认Header
axios.defaults.headers.common['Authorization'] = 'Bearer ' + token;

// 发起Ajax请求
axios.get('/api/user')
  .then(response => {
    console.log(response.data);
  });

上面的代码在发起Ajax请求时会自动携带设置好的Authorization Header。

2. 设置单个请求的Header

如果不想使用全局默认Header，可以在单个请求中设置Header：

// 在请求中设置Header
axios.get('/api/user', {
  headers: {
    'Authorization': 'Bearer ' + token
  }
}).then(response => {
  console.log(response.data);
});

上面的代码在发起Ajax请求时会使用请求中设置的Authorization Header。

3. 设置基础URL和Header

如果多个Ajax请求使用了相同的基础URL和Header，可以通过创建一个新的Axios实例来设置：

// 创建一个新的Axios实例
const apiClient = axios.create({
  baseURL: 'https://example.com/api/',
  headers: {
    'Authorization': 'Bearer ' + token
  }
});

// 在新实例中发起Ajax请求
apiClient.get('user')
  .then(response => {
    console.log(response.data);
  });

上面的代码创建了一个新的Axios实例，并设置了基础URL和Header。在发起Ajax请求时，会自动携带这些设置。

4. 删除Header

如果需要删除某个Header，可以使用delete操作符：

// 删除Header
delete axios.defaults.headers.common['Authorization'];

上面的代码删除了全局默认的Authorization Header。

以上就是Axios中Header的相关操作，一定要熟练掌握，才能更好地在项目开发中使用Axios。