快速搭建REST API——json server

一：全局安装json-server

npm install json-server -g

二：在自己项目跟目录下存放mock/data.json，json内容如下：

 {
   "roles": [
     {
       "id": 0,
       "name": "SuperUser"
     },
     {
       "id": 1,
       "name": "User"
     },
     {
       "id": 2,
       "name": "Project Manager"
     }
   ],
   "users": [
     {
       "password": "wp123456",
       "name": "王芃",
       "avatar": "avatars:svg-1",
       "email": "wpcfan@163.com",
       "id": "37489e0c-df34-c261-71c4-ce75357e3035",
       "projectIds": [
         "Sk2HaTagb",
         "Hya1moGb-"
       ],
       "roleIds": [
         0,
         1,
         2
       ]
     },
     {
       "password": "Ls123456",
       "name": "李四",
       "avatar": "avatars:svg-2",
       "email": "lisi@163.com",
       "id": "BkkDvwee-",
       "projectIds": [
         "Sk2HaTagb"
       ],
       "roleIds": [
         1
       ]
     }
   ],
   "projects": [
     {
       "id": "Sk2HaTagb",
       "name": "问题跟踪系统",
       "desc": "用于 Bug 的内部跟踪和管理",
       "coverImg": "/assets/img/covers/1.jpg",
       "members": [
         "37489e0c-df34-c261-71c4-ce75357e3035",
         "BkkDvwee-"
       ]
     },
     {
       "name": "某某公司 ERP 系统",
       "desc": "为某某公司开发的定制化 ERP 系统",
       "coverImg": "/assets/img/covers/20.jpg",
       "members": [
         "37489e0c-df34-c261-71c4-ce75357e3035"
       ],
       "id": "Hya1moGb-",
       "taskLists": [
         "BylTyXiM-b",
         "BkWpk7jGZb",
         "H1fTyXjMWW"
       ]
     },
     {
       "name": "新的项目二",
       "desc": "大法师",
       "coverImg": "/assets/img/covers/5.jpg",
       "id": "O2kpMpP"
     }
   ],
   "taskLists": [
     {
       "name": "待办",
       "projectId": "Sk2HaTagb",
       "order": 1,
       "id": "BkenST66lb"
     },
     {
       "name": "已完成",
       "projectId": "Sk2HaTagb",
       "order": 3,
       "id": "SkG3Ba6Tgb"
     },
     {
       "name": "待办",
       "projectId": "Hya1moGb-",
       "order": 1,
       "id": "BylTyXiM-b"
     },
     {
       "name": "进行中",
       "projectId": "Hya1moGb-",
       "order": 2,
       "id": "BkWpk7jGZb"
     },
     {
       "name": "已完成",
       "projectId": "Hya1moGb-",
       "order": 3,
       "id": "H1fTyXjMWW"
     }
   ],
   "tasks": [
     {
       "desc": "吃晚餐",
       "taskListId": "BkenST66lb",
       "ownerId": "37489e0c-df34-c261-71c4-ce75357e3035",
       "completed": true,
       "participantIds": [
         "BkkDvwee-",
         "37489e0c-df34-c261-71c4-ce75357e3035"
       ],
       "dueDate": null,
       "reminder": null,
       "createDate": "2017-05-17T14:10:01.159Z",
       "priority": 3,
       "order": 1,
       "remark": "",
       "id": 1
     },
     {
       "id": 2,
       "desc": "赶快出发去万达",
       "taskListId": "SkG3Ba6Tgb",
       "ownerId": "37489e0c-df34-c261-71c4-ce75357e3035",
       "completed": false,
       "participantIds": [
         "37489e0c-df34-c261-71c4-ce75357e3035"
       ],
       "dueDate": "2017-06-12T16:00:00.000Z",
       "reminder": "2017-07-18T16:00:00.000Z",
       "createDate": "2017-05-19T10:03:58.794Z",
       "priority": 2,
       "order": 2,
       "remark": "something"
     },
     {
       "id": 3,
       "desc": "什么情况啊",
       "taskListId": "BkenST66lb",
       "ownerId": "BkkDvwee-",
       "completed": false,
       "participantIds": [],
       "dueDate": "2017-06-15T16:00:00.000Z",
       "reminder": "2017-06-21T16:00:00.000Z",
       "createDate": "2017-05-23T08:21:04.445Z",
       "priority": 1,
       "remark": ""
     },
     {
       "taskListId": "BylTyXiM-b",
       "desc": "登录鉴权过程中需携带 token 访问 API",
       "completed": false,
       "ownerId": "BkkDvwee-",
       "participantIds": [],
       "dueDate": "2017-07-03T16:00:00.000Z",
       "priority": 2,
       "remark": "",
       "reminder": "2017-06-27T16:00:00.000Z",
       "createDate": "2017-05-24T06:11:05.625Z",
       "id": 4
     },
     {
       "taskListId": "BkWpk7jGZb",
       "desc": "增加统计报表功能",
       "completed": false,
       "ownerId": "37489e0c-df34-c261-71c4-ce75357e3035",
       "participantIds": [],
       "dueDate": "2017-07-25T16:00:00.000Z",
       "priority": 1,
       "remark": "",
       "reminder": "2017-07-17T16:00:00.000Z",
       "createDate": "2017-05-24T06:11:48.513Z",
       "id": 5
     },
     {
       "taskListId": "BylTyXiM-b",
       "desc": "首页 banner 增加 2px 的 margin",
       "completed": false,
       "ownerId": "37489e0c-df34-c261-71c4-ce75357e3035",
       "participantIds": [
         "BkkDvwee-"
       ],
       "dueDate": "2017-06-29T16:00:00.000Z",
       "priority": 3,
       "remark": "",
       "reminder": null,
       "createDate": "2017-05-24T06:12:59.718Z",
       "id": 6
     },
     {
       "taskListId": "BkWpk7jGZb",
       "desc": "库存管理 -- 出库操作 API",
       "completed": false,
       "ownerId": "BkkDvwee-",
       "participantIds": [
         "37489e0c-df34-c261-71c4-ce75357e3035"
       ],
       "dueDate": "2017-07-24T16:00:00.000Z",
       "priority": 2,
       "remark": "",
       "reminder": "2017-07-17T16:00:00.000Z",
       "createDate": "2017-05-24T06:14:47.575Z",
       "id": 7
     },
     {
       "taskListId": "H1fTyXjMWW",
       "desc": "用户可以签入签出设备",
       "completed": true,
       "ownerId": "37489e0c-df34-c261-71c4-ce75357e3035",
       "participantIds": [],
       "dueDate": "2017-05-20T16:00:00.000Z",
       "priority": 1,
       "remark": "",
       "reminder": "2017-05-20T16:00:00.000Z",
       "createDate": "2017-05-24T06:16:24.575Z",
       "id": 8
     },
     {
       "taskListId": "BkWpk7jGZb",
       "desc": "什么情况啊？",
       "completed": false,
       "ownerId": "37489e0c-df34-c261-71c4-ce75357e3035",
       "participantIds": [],
       "dueDate": null,
       "priority": 3,
       "remark": "",
       "reminder": null,
       "createDate": "2017-06-15T12:03:36.290Z",
       "id": 9
     }
   ],
   "quotes": [
     {
       "id": "0",
       "cn": "我突然就觉得自己像个华丽的木偶,演尽了所有的悲欢离合,可是背上总是有无数闪亮的银色丝线,操纵我哪怕一举手一投足。",
       "en": "I suddenly feel myself like a doll,acting all kinds of joys and sorrows.There are lots of shining silvery thread on my back,controlling all my action.",
       "pic": "/assets/img/quotes/0.jpg"
     },
     {
       "id": "1",
       "cn": "被击垮通常只是暂时的，但如果你放弃的话，就会使它成为永恒。（Marilyn vos Savant）",
       "en": "Being defeated is often a temporary condition. Giving up is what makes it permanent.",
       "pic": "/assets/img/quotes/1.jpg"
     },
     {
       "id": "2",
       "cn": "不要只因一次挫败，就放弃你原来决心想达到的梦想。（莎士比亚）",
       "en": "Do not, for one repulse, forgo the purpose that you resolved to effect.",
       "pic": "/assets/img/quotes/2.jpg"
     },
     {
       "id": "3",
       "cn": "想有发现就要实验，这项实验需要时间。—《神盾局特工》",
       "en": "Discovery requires experimentation, and this experiment will take time.",
       "pic": "/assets/img/quotes/3.jpg"
     },
     {
       "id": "4",
       "cn": "这世界并不会在意你的自尊，这世界希望你在自我感觉良好之前先要有所成就。",
       "en": "The world won't care about your self-esteem. The world will expect you to accomplish something before you feel good about yourself.",
       "pic": "/assets/img/quotes/4.jpg"
     },
     {
       "id": "5",
       "cn": "当你最终放开了过去，更好的事就会到来。",
       "en": "When you finally let go of the past, something better comes along.",
       "pic": "/assets/img/quotes/5.jpg"
     },
     {
       "id": "6",
       "cn": "我们学着放开过去伤害我们的人和事，学着只向前看。因为生活本来就是一往直前的。",
       "en": "We learn to let go of things and people that hurt us in the past and just move on. For life is all about moving on.",
       "pic": "/assets/img/quotes/6.jpg"
     },
     {
       "id": "7",
       "cn": "绝不要因为怕辛苦而拒绝一个想法、梦想或是目标，成功的路上难免伴随辛苦。（Bob Proctor）",
       "en": "Never reject an idea, dream or goal because it will be hard work. Success rarely comes without it.",
       "pic": "/assets/img/quotes/7.jpg"
     },
     {
       "id": "8",
       "cn": "我们在人生中会作出许多选择，带着这些选择继续生活，才是人生中最难的一课。《妙笔生花》",
       "en": "We all make our choices in life. The hard thing to do is live with them.",
       "pic": "/assets/img/quotes/8.jpg"
     },
     {
       "id": "9",
       "cn": "我总是对新的一天充满喜悦，这是一次新的尝试、一个新的开始，翘首以待，黎明之后或是惊喜。（约翰·博因顿·普里斯特利）",
       "en": "I have always been delighted at the prospect of a new day, a fresh try, one more start, with perhaps a bit of magic waiting somewhere behind the morning.",
       "pic": "/assets/img/quotes/9.jpg"
     }
   ]
 }

三：执行 “json-server mock/data.json” 显示如下效果

访问http://localhost:3000/此地址，就会访问到每个接口返回的数据

四：json-server支持GET，POST，PUT，PATCH，DELETE等REST命令