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

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

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

相关推荐
kyriewen1 小时前
我扒了 GPT-5.6 的全部编程跑分——有一项 OpenAI 没敢放出来
前端·gpt·ai编程
前端H2 小时前
微前端 v3 架构升级:从加载隔离到状态协同
前端·架构·状态模式
陆枫Larry3 小时前
小程序包体积优化:用 SVG 图片替换 iconfont,并保留 CSS 控色能力
前端
环境栈笔记4 小时前
多账号浏览器选型检查清单:Profile、权限、Session 和任务日志怎么评估
前端·人工智能·后端·自动化
前端炒粉4 小时前
手写promise
java·前端·javascript
LaughingZhu4 小时前
智能体经典范式构建:ReAct、Plan-and-Solve 与 Reflection
前端·react.js·前端框架
jsonbro4 小时前
手把手带你实现发布订阅模式
前端·vue.js·设计模式
一只猫的梦4 小时前
自动化模块 (Automation Module)
前端·chrome
熊猫钓鱼>_>5 小时前
Electron:当 Web 技术统治桌面
大数据·前端·javascript·人工智能·架构·electron·agent
德福危险5 小时前
从盲打xss到到模板注入:unix靶机渗透之Tempus_fugit4
前端·unix·xss