ReactJS——我的数据用axios返回空

Question

我是react的新手。我想用axios从数据库中获取数据。我的网址是：

[{"id":1,"username":"elyash14","role":"admin","email":"[e-mail]","f_name":"u0627u0644u06ccu0627u0633","l_name":"u0645u0633u06ccu0628u06cc","avatar":null,"phone":"09118060752","address":"rasht","gender":"female","national_code":"3216549870","active":1,"last_login":"2019-10-28 17:17:10","created_at":null,"updated_at":"2019-10-28 17:17:10"},{"id":2,"username":"mohsen007","role":"admin","email":"[e-mail]","f_name":"u0645u062du0633u0646","l_name":"u0644u0637u0641u06cc","avatar":null,"phone":"09380151562","address":"rasht","gender":"male","national_code":"2580231307","active":1,"last_login":"2019-10-29 15:26:26","created_at":"2019-09-05 14:43:39","updated_at":"2019-10-29 15:26:26"}]

但当我使用axios数据时，它会返回空。这是我的代码：

import React from 'react';
import './App.css';
import axios from 'axios';

class userList extends React.Component {
constructor() {
super();
this.state = {
users: []
}
}
componentDidMount() {
axios.get('http://localhost/bank/public/api/users')
.then(response => {
const users = response.data;
this.setState({ users });
});
}
render() {
return (
<ul>
{this.state.users.map(user => <li>{user.email}</li>)}
</ul>
)
}
}
export default userList;

谢谢你的回答

Answer 1

仅供参考，您可以将其作为一个示例。

使用了不同的api-https://jsonplaceholder.typicode.com/albums

class userList extends React.Component{
constructor() {
super();
this.state = {
users: []
}
}
componentDidMount() {
axios.get('https://jsonplaceholder.typicode.com/albums')
.then(response => {
this.setState({ users: response.data });
});
}
render() {
return (
<ul>
{this.state.users.map(user => <li>{user.title}</li>)}
</ul>
)
}
}

Answer 2

您不会错过像localhost:3000这样的端口号吗？