vue项目接口响应之前默认给所有接口加上公共参数的操作

温柔雨哥a

已于 2022-03-11 15:41:06 修改

阅读量2.9k

点赞数 1

文章标签： vue.js javascript 前端

于 2022-03-11 15:39:01 首次发布

本文链接：https://blog.csdn.net/CSDN_bare/article/details/123426238

版权

本文介绍了如何在request.js中的请求拦截器里根据请求类型（GET或POST）添加公共参数appkey。对于GET请求，appkey被添加到URL的params对象中；而对于POST请求，它被合并到data对象。为了确保不覆盖原有参数，使用了Object.assign()方法将appkey与原有的数据对象合并。appkey仅在登录成功并获取到值后才会添加到每个接口请求中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在request.js中的请求拦截器里面添加如下代码

如果是get请求需要在URL后面拼接的话
用到的是

config.params = {'appkey':appkey}

如果是post请求不需要在URL后面拼接的话
用到的是

config.data = {'appkey':appkey}

那这时候直接添加会有问题在请求拿到的参数中只会拿到你添加的这个公共参数页面中参数就没有了就会出问题
所以我们需要在加上公共参数的基础上拼接上我们原有的参数某一些参数
这样的就大功告成
在这里插入图片描述

 //登录成功以后给每个接口加上公共参数appkey
  let appKey = window.localStorage.getItem("appKey")
  if (appKey) {
    config.data = Object.assign({ 'appKey': appKey }, config.data)
  }