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

【问题标题】：How to fetch data from Microsoft Custom Vision API using ReactJS如何使用 ReactJS 从 Microsoft Custom Vision API 获取数据
【发布时间】：2019-07-12 03:20:50
【问题描述】：

我需要一些有关使用自定义视觉的帮助。我构建了一个图像分类器来检测汽车损坏情况。

所以我想做的是：当我尝试输入图像并单击提交按钮时，我希望能够调用自定义视觉 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);
  });
}

【问题讨论】：

您应该使用 axios(url : "...", method : "POST") 或 axios.post('url....', {data...}) 。此外，如果您想在 onclick 上调用此方法，则不必在 componentDidMount 方法中调用它。

标签： reactjs axios microsoft-custom-vision

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

第一个括号似乎被注释掉了，所以这可能是一个潜在的问题。

您应该将 async/await 与 componentDidMount 方法一起使用。

一个例子

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

}

【讨论】：