一、全局安装
- 全局安装
npm install -g json-server
- 建立一个json文件 把下面的内容拷贝进去
{
"posts": [{
"id": 1, "title": "json-server", "author": "typicode" }],
"comments": [{
"id": 1, "body": "some comment", "postId": 1 }],
"profile": {
"name": "typicode" }
}
- 启动接口服务
提示:首先cd到刚刚之前新建的json下,输入下面的命令启动服务
json-server --watch db.json
启动完成之后就能看到如下图内容
那个Resources下的就是生成好的接口,可以复制出来在浏览器中打开。内容如下
接口返回的内容就是刚刚json文件下的posts数组的内容
二、使用接口
1、 数据查询----get请求
提示:我用的是umi-request的request方法去请求的接口
import React from 'react';
import {
Button } from 'antd';
import request from 'umi-request';
export default function index() {
const handleOnClick