JS：使用axios调接口时，在请求地址上加参数

简介

遇到一个请求时的特殊要求，在访问接口的地址上传参，不管是get、post、delete等等都需要。

/url?id=xx&name=yy

/url/{id}
/url1/{id}/url2/{password}

具体实现

1.在地址后拼接类似get的传参格式的参数，如：/url?id=xx&name=yy

/**
 * 请求地址拼接路径的参数： /url?id=xx&name=yy
 * @formatePathParams {Object} 路径参数
 * @return 新path
 */
export function formateUrlParams(path, urlParams) {
  let paramsNum = 0;
  for (let key in urlParams) {
    // 如果urlParams不为空，并且是第一个不为空的参数时，直接进行拼接，不用加&
    paramsNum++;
    if (paramsNum === 1) {
      path = `${path}?${key}=${urlParams[key]}`;
    } else if (paramsNum > 1) {
      path = `${path}&${key}=${urlParams[key]}`;
    }
  }
  return path;
}

2.在访问接口的中间加参数，如：/url1/{id}/url2/{password}

注意：{}的闭合

/**
 * 请求地址拼接指定参数：/url/{id}   /url1/{id}/url2/{password}
 * @formatePathParams {Object} 路径参数
 * @return 新path
 */
export function formatePathParams(path, formatePathParams) {
  if (path.includes('{') && formatePathParams) {
    let keys = Object.keys(formatePathParams);
    keys.forEach((it) => {
      path = path.replace(`'{${it}}`', formatePathParams[it]);
    });
  }
  return path;
}

最后

觉得有用的朋友请用你的金手指点一下赞，或者评论留言一起探讨技术！