mock 数据（ json-server ）

json-server 实现数据 mock

实现步骤：

1. 在项目中安装 json-server

npm install -D json-server

2. 准备一个 json 文件

   server/data.json

{"posts": [{ "id": "1", "title": "a title", "views": 100 },{ "id": "2", "title": "another title", "views": 200 }],"comments": [{ "id": "1", "text": "a comment about post 1", "postId": "1" },{ "id": "2", "text": "another comment about post 1", "postId": "1" }],"profile": {"name": "typicode"}
}

3. 添加启动命令

"scripts":{"server": "json-server ./server/data.json --port 8888"
}

4. 访问接口进行测试

npm run serve

  const [commentList, setCommentList] = useState([]);useEffect(() => {async function getList() {const res = await axios.get("http://localhost:8888");setCommentList(res.data);}getList();}, []);