JsonServer学习记录

一、全局安装

• 全局安装

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