前端axios请求拦截器header中如何携带参数（key:value 的形式）

在前端中，使用 axios 发送请求，并在请求拦截器中设置 header 携带参数可以通过 axios.interceptors.request.use 方法来实现。

具体步骤如下：

1. 引入 axios 库

import axios from 'axios';

2. 创建 axios 实例

const instance = axios.create({
  baseURL: 'http://example.com/api',
});

3. 添加请求拦截器

instance.interceptors.request.use(
  config => {
    // 在请求 header 中添加参数
    config.headers['key'] = 'value';
    return config;
  },
  error => {
    Promise.reject(error);
  }
);

4. 发送请求

instance.get('/users')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });

这样，在请求被发送之前，就会在请求 header 中添加指定的参数了。

需要注意的是，如果需要添加多个参数，可以在 config.headers 中添加多个键值对。同时，由于跨域请求中可能会遇到预请求（preflight）的情况，因此需要在服务端设置相应的 CORS 配置，以避免跨域问题。