本地搭建接口 jsonserver

1、终端跟路径安装json-sever      命令：npm install -g json-server  (windows)

　　　　　　   命令：sudo npm install -g json-server  (mac)

2、创建 jsonserver  文件夹 

　　2.1 初始化文件  命令：npm  init   

　 2.2   初始化后  在 jsonserver  文件夹里多了个package.json  文件

3、当前文件（jsonserver文件夹）加下安装  json-server   命令：sudo npm install json-server --save    安装完后package.json里多了   

"dependencies": {
"json-server": "^0.14.0"
}

4.   修改  package.json  文件的script   部分   ：

"scripts": {
"json:server": "json-server --watch db.json",
"json:server:remote":"json-server http://jsonplaceholder.typicode.com/db"
},

5、在jsonser文件夹下创建db.json 文件：

　　在里面创建数据例如：

{
"users": [
{
"name": "Henry",
"phone": "333-444-555",
"email": "henry@gmail.com",
"education": "adsfasfd",
"graduationschool": "asdfasfd",
"profession": "asdfasdf",
"profile": "asdfasfdasdf",
"id": 1
},
{
"name": "adfasdf",
"phone": "fasdfasfd",
"email": "asdfasfd",
"education": "fasdfasfd",
"graduationschool": "fasfasdf",
"profession": "sdfasdfafd",
"profile": "asdfasdf",
"id": 3
},
{
"name": "米斯特吴",
"phone": "13651322451",
"email": "27732357@qq.com",
"education": "本科",
"graduationschool": "北京语言大学",
"profession": "前端开发工程师",
"profile": "大家好!",
"id": 4
},
{
"name": "asdfasfd",
"phone": "asfasf",
"email": "asdfasfd",
"id": 5
}
],
"companies": [
{
"id": 1,
"name": "Apple",
"description": "Apple is good!"
},
{
"id": 2,
"name": "Microsoft",
"description": "Microsoft is good!"
},
{
"id": 3,
"name": "Google",
"description": "Google is good!"
}
]
}

6、  运行 命令：npm run json:server  

npm run json:server:remota

结果 ：运行成功

 {^_^}/ hi!

 

  Loading db.json

  Done

 

  Resources

  http://localhost:3000/users

  http://localhost:3000/companies

 

  Home

  http://localhost:3000

 

7、在浏览器中运行查看把