У меня API работает на http://localhost: 81 / log_api. php, затем у меня приложение React на том же компьютере с http://localhost: 3000 . Ниже приведены коды для приложения React:
import React, { Component } from 'react';
import axios from 'axios';
class Logging extends Component {
state={
pl_log:[]
}
async componentDidMount(){
await axios.get("http://localhost:81/log_api.php")
.then(response=>this.setState(
{
pl_log: response.data
} ))
console.log(this.state)
}
render(){
return(
<div>
Logging
</div>
)
}
}
export default Logging;
Console.log показывает некоторые ошибки:
Я также непосредственно посетил http://localhost : 81 / log_api. php, никаких проблем нет. Он показывает данные JSON в браузере. Проблема возникает только тогда, когда я использую ax ios в React.
имя файла: log_api. php
<?php
$link = mysqli_connect("127.0.0.1:3307", "root", "root", "masterdb");
// Check connection
if($link === false){
die("ERROR: Could not connect. " . mysqli_connect_error());
}
$sql = $link -> query("SELECT * FROM pl_log");
$result=array();
while ($data = $sql -> fetch_assoc()){
$result[]=$data;
}
echo json_encode($result);
mysql_close($link);
?>
Сетевой снимок экрана: