vue项目之请求拦截器(接口响应之前默认给所有接口加上某些参数)

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

service.interceptors.request.use(
	config => {
		//请求之前需要添加参数的方法
    	requestMethod(config)
	}
)

请求方式不同 要拿的参数也不相同,主要事post请求
post请求
在这里插入图片描述

get、put、delete请求
在这里插入图片描述
在接口请求前添加以下方法的代码
在这里插入图片描述

function requestMethod(config) {
  let i = '';
  switch (config.method) {
    case "get":
      i=config.params
      break;
    case "post":
      i=config.data
      break;
    case "put":
      i=config.params
      break;
    case "delete":
      i=config.params
      break;
  }
  // 在请求拿到的参数中统一加上某一些参数(根据自己的项目需求追加)
  // 根据项目需要也可以统一做其他操作
  i=Object.assign(i, {
    app_id: "11111",
    name: "开心笑i",
    age:"18"
  })
}

这样统一写的方式减少很多冗余的代码,也进行了统一的数据追加管理,有不理解的地方大家可以多多提问,有更好的解决方案大家也可以讨论呃

Logo

前往低代码交流专区

更多推荐