前端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)
})

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

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

相关推荐
KaMeidebaby4 分钟前
卡梅德生物技术快报|酵母双杂交 cDNA 文库构建与蛋白互作筛选流程
服务器·前端·数据库·人工智能·算法
沐风___10 分钟前
App 上架之后:如何看数据、获取用户与持续迭代产品
服务器·前端·数据库
AAA大运重卡何师傅(专跑国道)1 小时前
力扣hot100
服务器·前端·数据库
GISer_Jing1 小时前
前端沙箱开源项目推荐(React/Next/Vue优先)
前端·react.js·开源
云水一下1 小时前
CSS3从零基础到精通(三):动感地带——过渡、动画、变形与响应式
前端·css3
KaMeidebaby2 小时前
卡梅德生物技术快报|Western Blot 实验应用:肺肠轴机制研究全流程技术解析
前端·数据库·人工智能·算法·百度
达达爱吃肉2 小时前
claude 接入deepseek 运行报错
java·服务器·前端
jingling5552 小时前
Flutter | Dio网络请求实战
android·开发语言·前端·flutter
freeinlife'2 小时前
精准秒表计时器实现---基于js
开发语言·前端·javascript
王文?问2 小时前
ESP32-S3 实战教程:本地语音识别控制 Web 塔防游戏,从固件到前端完整跑通
前端·游戏·语音识别