进行 API 调用时出现 BadArgument 和 JSON 解析错误

Question

在我的组件中，我正在尝试使用 fetch 进行 api 调用。

API 接收图像 .jpg 文件路径 - file:///var/mobile/Containers/Data/Application/1E1E919E-6C21-4CC7-B9C2-5B4B3BC84B0F/Library/Caches/ExponentExperienceData/%2540chuks93%252Fihu-main/Camera/F3B8EBCC-BB09-4603-AF7E-FD3CA792C237.jpg，它应该返回一个 JSON 对象。

下面是我的 fetch 调用：

export default  {

processImage: (image) => {
// Replace the subscriptionKey string value with your valid subscription key.
var subscriptionKey = "*******************";

var uriBase = "https://westus.api.cognitive.microsoft.com/face/v1.0/detect?returnFaceId=true&returnFaceLandmarks=false&returnFaceAttributes=age,gender,headPose,smile,facialHair,glasses,emotion,hair,makeup,occlusion,accessories,blur,exposure,noise";

// Display the image.
    var sourceImageUrl = image;
console.log(typeof sourceImageUrl)
console.log("here", sourceImageUrl);

// Perform the REST API call.
return fetch(uriBase, {

        method: 'POST',
    headers: {
        "Content-type": "application/json",
        "Ocp-Apim-Subscription-Key": subscriptionKey
    },

    body: JSON.stringify(sourceImageUrl),
    })
    .then((data) => data.json())
    .then(function (data){
        console.log("hello", data);
    })

    .catch(function (error) {
        console.log(error);
    });

  }
}

当我运行上面的代码时，这是它返回的错误：

Object { "error": Object { "code": "BadArgument", "message": "JSON parsing error.", }

对此有什么想法吗？

Answer 1

改变你的

    body: JSON.stringify(sourceImageUrl),

到

    body: JSON.stringify({url: sourceImageUrl}),

使帖子的正文成为适当的 json 对象。