FacePlusPlus, "error_message": "MISSING_ARGUMENTS: api_key", with React Native fetch request

本文是小编为大家收集整理的关于FacePlusPlus, "error_message": "MISSING_ARGUMENTS: api_key", with React Native fetch request的处理/解决方法，可以参考本文帮助大家快速定位并解决问题，中文翻译不准确的可切换到English标签页查看源文。

中文
English

问题描述

我对本机反应还很陌生，我正在尝试使用 FacePlusPlus API 进行测试 (https://console.faceplusplus.com/documents/5679127).

在这里，我尝试将 'api_key' 放入正文中，但是，我也尝试将其放入标题中.两者都没有奏效.

componentDidMount() {
    var url = 'https://api-us.faceplusplus.com/facepp/v3/detect';

    return fetch(url, {
      method: 'POST',
      headers: {
        Accept: 'application/json',
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        api_key: 'blahblahblah',
        api_secret: 'blahblahblah',
      })
    })
    .then((response) => response.json())
    .then((responseJson) => {
      this.setState({
        isLoading: false,
        data: responseJson,
      }, function() {
        // do something with new state
      });
    })
    .catch((error) => {
      console.error(error);
    });
  }

在 render() 中，我将 console.log(this.state.data) 放在 data 是一个数组以查看响应，但我得到的只是

Object {
   "error_message": "MISSING_ARGUMENTS: api_key",
}

推荐答案

要解决这个问题，你必须将 Content-Type header 设置为 'application/x-www-form-urlencoded'并将您的参数作为 formData 传递.我举了一个使用'request' npm包的例子.

 const request = require('request');

 request.post({url:'https://api-us.faceplusplus.com/facepp/v3/compare', formData: {
   api_key: 'your api key',
   api_secret: 'your api secret',
   image_url1: 'https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/George_Lucas_cropped_2009.jpg/220px-George_Lucas_cropped_2009.jpg',
   image_url2: 'https://imgix.bustle.com/uploads/getty/2018/6/13/e4c5921d-3e23-4f13-87fe-0180005d0ace-getty-929360234.jpg?w=970&h=582&fit=crop&crop=faces&auto=format&q=70'
 }}, (err, httpResponse, body) => {
   if (err) {
     return console.error('error', err);
   }
   console.log('success ', JSON.parse(body));
 });

本文地址：https://www.itbaoku.cn/post/1937881.html

百度翻译此文有道翻译此文

问题描述

I'm fairly new to react native and I'm trying to test out using the FacePlusPlus API (https://console.faceplusplus.com/documents/5679127).

Here, I've tried putting 'api_key' in the body, however, I've also tried putting it in headers too. Neither has worked.

componentDidMount() {
    var url = 'https://api-us.faceplusplus.com/facepp/v3/detect';

    return fetch(url, {
      method: 'POST',
      headers: {
        Accept: 'application/json',
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        api_key: 'blahblahblah',
        api_secret: 'blahblahblah',
      })
    })
    .then((response) => response.json())
    .then((responseJson) => {
      this.setState({
        isLoading: false,
        data: responseJson,
      }, function() {
        // do something with new state
      });
    })
    .catch((error) => {
      console.error(error);
    });
  }

In render(), I put console.log(this.state.data) where data is an array to see the response, however all I keep getting is

Object {
   "error_message": "MISSING_ARGUMENTS: api_key",
}

推荐答案

To solve this problem you have to set Content-Type header to 'application/x-www-form-urlencoded' and pass your arguments as formData. I put the example with using 'request' npm package.

 const request = require('request');

 request.post({url:'https://api-us.faceplusplus.com/facepp/v3/compare', formData: {
   api_key: 'your api key',
   api_secret: 'your api secret',
   image_url1: 'https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/George_Lucas_cropped_2009.jpg/220px-George_Lucas_cropped_2009.jpg',
   image_url2: 'https://imgix.bustle.com/uploads/getty/2018/6/13/e4c5921d-3e23-4f13-87fe-0180005d0ace-getty-929360234.jpg?w=970&h=582&fit=crop&crop=faces&auto=format&q=70'
 }}, (err, httpResponse, body) => {
   if (err) {
     return console.error('error', err);
   }
   console.log('success ', JSON.parse(body));
 });

上一篇：在应用程序中实施（安全）Api密钥

下一篇：通过windows powershell使用APIKEY访问ASANA