axios记

最新推荐文章于 2024-01-05 15:43:51 发布

原创最新推荐文章于 2024-01-05 15:43:51 发布 · 430 阅读

0 ·

CC 4.0 BY-SA版权

axios 专栏收录该内容

4 篇文章

订阅专栏

本文探讨了在使用axios进行HTTP请求时，自定义头部信息未生效的问题。通过实例展示了如何正确设置headers，避免被全局配置或拦截器覆盖，确保接口调用时能携带正确的头部信息。

getUserInfo(params) {
  console.log(' 获取用户信息params', params)
  return axios.post(`${base.getUserInfo}`, params)
},

getUserInfo(params) {
  console.log(' 获取用户信息params', params)
  return axios({
    method: 'get',
    url: `${base.getUserInfo}`,
    headers: params
  })
},

getUserInfo(params) {
  console.log(' 获取用户信息params', params)
  return axios.post(`${base.getUserInfo}`,{
    headers: params
  })
},

getUserInfo(params) {
  return axios({
  	method: 'post',
   	url: `${base.getUserInfo}`,
   	headers: {
     	'Content-Type': 'application/json'
   	},
   	data: patientInfo
  })
}

今天做项目的时候遇到一个问题，就是自己配置的头没有生效，因为有全局配置的公共头，这个接口需要一个单独头配置，错误代码如下：

getData(params) {
  console.log(params)
  return axios.post(`${base.getData}`, {
    headers: {
      'Content-Type': 'application/json',
      'userId' : '123456'
    }
  })
},

经过测试，调用接口始终没有该headers，最后查询说被拦截器interceptors拦截了，经过查资料解决方法是data需要data || {}，正确代码如下

getData(params) {
  console.log(params)
  return axios.post(`${base.getData}`, {}, {
    headers: {
      'Content-Type': 'application/json',
      'userId' : '123456'
    }
  })
},