json-server使用，无后端情况下易于前端访问接口使用

今天无意间接触到了json-server，可以创建模拟数据供没有后端基础的前端使用

首先安装依赖

npm install -g json-server

确保你的项目安装了axios依赖

设置axios的baseurl

axios.defaults.baseURL = 'http://localhost:8081'

创建一个json-server文件夹，文件夹内新创一个data.json

//data.json
{

  "list": [

    {

      "id": 1,

      "name": "吃饭",

      "flag": false

    },

    {

      "id": 2,

      "name": "睡觉",

      "flag": true

    },

    {

      "id": 3,

      "name": "打豆豆",

      "flag": true

    }

  ]

}

新建终端定位到data.json文件夹下

运行以下代码：

json-server --watch --port 8081 data.json

然后用axios访问https://localhost:8081/list  即可获得数据