axios动态设置请求头

axios 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 node.js 环境。在使用 axios 发送 HTTP 请求时，可以通过 `headers` 选项动态设置请求头。这种设置可以在每次请求时根据需要修改请求头，从而满足各种不同的场景需求。

以下是一个示例，演示了如何在 axios 中动态设置请求头：

// 导入axios库
import axios from 'axios';

// 创建一个axios实例
const instance = axios.create();

// 配置请求拦截器
instance.interceptors.request.use(
  config => {
    // 在这里可以修改config对象，包括设置请求头
    // 假设根据当前的认证状态动态设置Token
    const token = 'Bearer YourTokenHere';
    config.headers.Authorization = token;
    return config;
  },
  error => {
    // 请求错误处理
    return Promise.reject(error);
  }
);

// 使用配置了请求头的实例发送请求
instance.get('/api/user', {
  headers: {
    'Content-Type': 'application/json'
  }
}).then(response => {
  // 处理响应数据
}).catch(error => {
  // 处理请求错误
});

在上面的代码中，我们首先创建了一个 axios 实例。通过配置请求拦截器，在每次发送请求之前，我们可以访问 `config` 对象并修改它的 `headers` 属性，从而动态设置请求头。在实际应用中，可以将请求头的设置逻辑根据实际业务需求进行调整，比如根据用户状态、环境变量等因素动态添加或修改请求头信息。