前端模拟后台数据--JSON Server，POST,PUT,DELETE,GET

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"

项目结构如图：