Using JSON server to create server requests locally

When the front and back end are developed separately , When the progress of the front and rear ends is inconsistent , The front end needs to test how the request interface is written , The back end hasn't given you an interface yet , You can find some free online api Request address , such as ： Baidu api What? . But these api Requests can usually only be tested get request , about post The effect of the request test is not obvious , At this time, we can take advantage of json-server, Spend a few minutes running a small server interface locally .

Next, let's introduce the process ：

GitHub Address

install json server This package

Create folder json-server

And install... In this directory , Execute the following command ：

npm install -g json-server

create file db.js

Write something , representative json Formatted data

{
    
  "posts": [
    {
     "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    {
     "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": {
     "name": "typicode" }
}

Execution instruction ：

json-server --watch db.json

After successful operation ：

stay 3000 The port opens a server ,api Request address is

  http://localhost:3000

Can pass axios Library to initiate the request , On the basis of api URL Some parameters can be followed .