如何在Axios中将自定义token作为参数传递到请求头？

你需要的自定义头和 Bearer token 的传递逻辑一致，只是头的键名不是Authorization，也不需要加Bearer 前缀，直接使用你在Postman中配置的connectapitoken作为键名即可，以下是不同场景的实现方式：

1. 单次请求传入 #

GET 请求示例 #

axios.get('替换为你的接口地址', {
  headers: {
    'connectapitoken': '1234567890'
  }
})
.then(response => console.log('数据获取成功：', response.data))
.catch(error => console.error('请求失败：', error))

POST 请求示例 #

axios.post('替换为你的接口地址', {
  // 这里填你的POST请求体参数
  param1: 'xxx',
  param2: 'yyy'
}, {
  headers: {
    'connectapitoken': '1234567890'
  }
})

2. 全局统一配置（所有请求自动携带） #

如果你的所有接口都需要这个token，可以全局配置，不需要每次请求单独写头：

// 全局配置自定义头
axios.defaults.headers.common['connectapitoken'] = '1234567890'

3. 请求拦截器统一配置（适合token动态更新场景） #

如果token会动态变化、需要从本地存储等位置读取，可以用拦截器统一处理：

axios.interceptors.request.use(
  config => {
    // 示例：从localStorage读取最新token，可根据你的实际存储逻辑调整
    const token = localStorage.getItem('connect_api_token') || '1234567890'
    if (token) {
      config.headers.connectapitoken = token
    }
    return config
  },
  error => Promise.reject(error)
)

注意：如果接口存在跨域限制，需要后端把connectapitoken加入跨域允许的请求头列表，否则会触发跨域预检失败错误。

你在Postman中的配置参考截图：

内容的提问来源于stack exchange，提问作者rigAITe