JSON-Server 在实现虚拟数据的功能里面已经非常出色了,具体的功能可以去JSON-Server github主页查询,不再赘述。
除了需要在根目录下建mock文件夹,并且文件夹建db.json文件外,
这里主要讲两个配置需要注意的问题:
1,同时启动端口监视与应用,需在package.json 里面做的更改:
"scripts": {
"dev": "node build/dev-server.js",
"build": "node build/build.js",
"mock": "json-server --watch mock/db.json --m mock/post-to-get.js",
"mockdev": "npm run mock | npm run dev"
}
这样,在启动webpack时写npm run mockdev就可以同时启动了。
2,在使用post方法时,需要像数据库那样得到返回,而不是更改。这时候需要额外添加一个中间件在mock文件夹里,比如post-to-get.js,写法如下:
module.exports = function (req, res, next) {
req.method = "GET";
next();
}
然后在package.json里面启动中间件就可以了:"mock": "json-server --watch mock/db.json --m mock/post-to-get.js"
项目结构如图:
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。