跨境派

跨境派

跨境派,专注跨境行业新闻资讯、跨境电商知识分享!

当前位置:首页 > 综合服务 > 培训机构 > 前端axios发送请求,在请求头添加参数

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

时间:2024-03-31 20:50:53 来源:网络cs 作者:璐璐 栏目:培训机构 阅读:

标签: 请求  参数 

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

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

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

本文链接:https://www.kjpai.cn/news/2024-03-31/151776.html,文章来源:网络cs,作者:璐璐,版权归作者所有,如需转载请注明来源和作者,否则将追究法律责任!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。

文章评论