Реакция: 16.9.0
У меня есть кнопка, которая «при нажатии» отправляет запросы в мой бэкэнд (бэкэнд размещается на VPS).Но мои запросы GET не могут обработать React.
https://i.imgur.com/7oS58El.png
Я пробовал axios и извлекал реакции, но оба они возвращали сообщения об ошибках.
Я попытался выполнить запросы через почтальона, и они прекрасно работают.
Я сделал test.js
, выполнил свои запросы с помощью axios и Node, и они отлично работают.
На test.js - РАБОТАЕТ
const axios = require("axios")
axios({
method: 'GET',
url: 'http://IP:PORT/api/owner/machines',
crossdomain: true,
headers: {
Authorization: 'Bearer TOKEN'
}
})
.then(response => console.log(response))
.catch(err => console.log(err));
Компонент класса Withing React - Не работает
class MachineBody extends Component {
onClick = (_e) => {
axios({
method: 'GET',
url: 'http://IP:PORT/api/owner/machines',
crossdomain: true,
headers: {
Authorization: 'Bearer TOKEN'
}
})
.then(response => console.log(response))
.catch(err => console.log(err));
}
render() {
return (
<ButtonToolbar>
<Button variant="primary" onClick={this.onClick}>Show Machines</Button>
</ButtonToolbar>
)
}
}
Axios withing React должен бытьработает, поскольку в обоих случаях это один и тот же запрос