JS调用接口传参为空问题排查指南

在使用JS调用接口时，经常会遇到浏览器Payload中参数为空的情况，导致接口无法正常接收数据。本文将针对此问题进行详细分析，并提供解决方案。

代码示例

let params = {
  formData: this.formData,
};
queryLogtBcmkBusinessServiceList(params).then((res) => {
  console.log('返回值', res);
  debugger;
});

// 分页查询  商业 物流对标分析
export function queryLogtBcmkBusinessServiceList(params) {
  debugger
  let url = project_name + "/TadsYma02n224LogtIcBmLogtBcmkBusinessService/findAllByCondition/v1";
  if (params.params) {
    url = url + "?" + tansParams(params.params);
    url = url.slice(0, -1);
  }
  return request({
    url: url,
    method: "post",
    contentType: false,
    data: params.data ? params.data : {},
  });
}

问题原因

根据您提供的代码，浏览器Payload中没有显示传递参数的原因可能是以下几种：

formData属性值为空或未定义：请确保在调用接口方法之前，formData属性已被正确赋值。
contentType设置错误：您使用了contentType: false，通常用于上传文件。如果只是传递普通表单数据，建议设置为application/x-www-form-urlencoded或application/json，具体根据接口要求设置。
接口请求方法和参数处理错误：您使用了POST方法，并将参数通过data属性传递。请确保接口后端代码能够正确处理POST请求，并解析接收参数。

解决方案

检查formData属性值：在调用接口方法之前，使用console.log或debugger打印formData的值，确认其是否已正确赋值。
调整contentType设置：根据接口文档或后端代码要求，设置正确的contentType值。
检查接口后端代码：确认接口后端代码是否能够正确处理POST请求，并解析接收参数。
使用浏览器开发者工具查看网络请求日志：通过浏览器开发者工具中的Network选项卡，查看实际发送的请求内容，以便进一步排查问题。

总结

浏览器Payload中参数为空是一个常见问题，通常与参数赋值、contentType设置、接口请求方法和参数处理有关。通过仔细排查以上问题，并结合浏览器开发者工具，您就能找到问题根源并解决。

希望本文能够帮助您解决JS调用接口传参为空的问题！