Как получить данные из Microsoft Custom Vision API с помощью ReactJS

Мне нужна помощь по использованию 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);
  });
}

reactjs axios microsoft-custom-vision
person ale13    schedule 11.07.2019    source источник
comment
Либо вы должны использовать axios(url : "...", method : "POST"), либо axios.post('url....', {data...}). Также, если вы хотите вызвать этот метод onclick, вам не нужно вызывать его внутри метода componentDidMount.   -  person Garry    schedule 11.07.2019

Ответы (2)


arrow_upward
1
arrow_downward

ваш тип запроса - сообщение, и вы используете axios.get ()

person m7md2112    schedule 11.07.2019

arrow_upward
1
arrow_downward

  1. Проверьте свой код, // Request headers { prediction: ("Prediction-Key","xxx"); content: ("Content-Type","xxx"); },

Кажется, что первая скобка закомментирована, поэтому это может быть потенциальной проблемой.

  1. Вы должны использовать 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 });

}

person Abdul Hannan    schedule 11.07.2019