本地搭建接口

最新推荐文章于 2022-05-27 20:27:26 发布

weixin_30307267

最新推荐文章于 2022-05-27 20:27:26 发布

阅读量811

点赞数

文章标签： json 前端 ViewUI

原文链接：http://www.cnblogs.com/jinsuo/p/9244966.html

版权

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!"
}
]
}