JSON-Server-starter

how to use JSON Server in project. 在开发过程中，前后端不论是否分离，接口多半是滞后于页面开发的。所以建立一个REST风格的API接口，给前端页面提供虚拟的数据，是非常有必要的。JSON Server 是基于Express开发的。

npm install json-server -g
json-server db.json -p 3003

本实例运行,先安装依赖

npm run install

然后运行静态实例，

npm run server

或者运行动态实例

npm run dserver

静态实例访问

Get http://localhost:3003/list
POST http://localhost:3003/list

支持增删查改及部分更新

GET /list 获取列表
GET /list/1 获取id=1的数据
POST /list 创建一个项目
PUT /list/1 更新一个id为1的数据
PATCH /list/1 部分更新id为1的数据
DELETE /list/1 删除id为1的数据

查询

http://localhost:3003/list?id=3
http://localhost:3003/list?tel=15223810923&&name=%E6%9D%8E%E5%9B%9B

翻页

http://localhost:3003/list?_page=2&_limit=2

自定义挂载点

server.use("/api",router);

自定义header

server.use((req,res,next)=>{res.header('X-Hello','World');next();})

自定义返回结构

router.render=(req,res)=>{res.jsonp({body: res.locals.data,code: 0})}

vue项目设置本地代理，在config/index.js

proxyTable: {
'/api': {
target: 'http://127.0.0.1:3003',
changeOrigin: false
}
}

详细参考http://www.jianshu.com/p/ebb823bfbcb2，复杂开发参考Express

Navigation Menu