前端axios发送请求,在请求头添加参数

1.在封装接口传参时,定义形参,params是正常传参,name则是我想要在请求头传参

export function getCurlList (params, name) {
  return request({
    url: '********',
    method: 'get',
    params,
    name
  })
}

2.接口调用

 const res = await getCurlList(params,searchData.value.name)

3.在请求拦截器拦截,做处理(这里记住加一个判断,有name的值话才会加在请求头里,避免影响其他接口)

Axios.interceptors.request.use(config=> {
    // 请求拦截处理
    if (config.name) {
        config.headers['UserName'] = config.name
    }
    return config
}, err => {
    return Promise.reject(err)
})

成功发起发起之后,可以在控制台查看一下,有下边的效果就加上了,

前端axios发送请求,在请求头添加参数_第1张图片

注意:这里修改请求头的信息,会有跨域的问题,需要后端配置信息

你可能感兴趣的:(前端)