如何使用ReactJS从Microsoft Custom Vision API获取数据

时间:2019-07-11 19:13:05

标签: reactjs axios microsoft-custom-vision

关于“自定义视觉”的使用,我需要一些帮助。我建立了图像分类器以检测汽车损坏。

所以我想做的是:当我尝试输入图像并单击提交按钮时,我希望能够调用Custom Vision API并获取结果,以便以后可以使用ReactJS对其进行分析。

我尝试使用AXIOS和componentDidMount()方法,但似乎无法掌握它们。

componentDidMount(){
axios.get('url: "https://southcentralus.api.cognitive.microsoft.com/customvision/v3.0/Prediction/...",
                   // Request headers {
                     prediction:   ("Prediction-Key","xxx");
                     content:  ("Content-Type","xxx");
                    },
                    type: "POST",
                    // Request body
                    data: imgContent,
                    processData: false')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });
}

2 个答案:

答案 0 :(得分:0)

  1. 检查您的代码// Request headers { prediction: ("Prediction-Key","xxx"); content: ("Content-Type","xxx"); },

第一个括号似乎已被注释掉,因此这可能是一个潜在的问题。

  1. 您应该对componentDidMount方法使用async / await。

示例

  async componentDidMount() {
const response = await fetch(`https://api.coinmarketcap.com/v1/ticker/?limit=10`);
const json = await response.json();
this.setState({ data: json });

}

答案 1 :(得分:0)

您的请求类型是post,而您正在使用axios.get()