JSONSERVER搭建步骤

       在开发过程中，接口多半是滞后于页面开发的。利用JSON Server快速搭建模拟返回REST风格的后台数据，搭建本地的数据接口，保证前后端开发的分离。前后端开发只要设定好接口以及数据的定义，剩下的就可以各自开发，最后集成测试。

    JSON Server 作为工具，基于Express开发，而且它足够简单，写少量数据，即可使用，支持CORS和JSONP跨域请求，支持GET, POST, PUT, PATCH 和 DELETE 方法，更提供了一系列的查询方法。

    这篇文章的前提是你已经会搭建好vue-cli脚手架，并能创建一个webpack项目，如果你还不会这些前提条件，就先转到Vue.js使用简介学习搭建自己的项目吧。

打开cmd终端:

新建一个目录，我这里演示叫JSONSERVER_demo,进入该目录，
（1）输入npm install -g json-server 安装json-server全局
        
（2） 输入npm init 初始化一个package.json文件
          
         
（3）输入npm install json-server --save 安装一个json-server模块
         
      在webstorm打开JSONSERVER_demo文件夹下的package.json文件，
           
（4）修改一下package.json的启动方式，方便启动
        
（5）创建一个db.json,编写一些数据
        
（6）新建一个READNME.md文件，方便用户使用
        
（7）终端输入 npm run json:server 启动json:server
        
        打开浏览器，输入项目启动的地址
        
（8）下载POSTman来演示几个常用的请求
#get请求
        按照README.md文件的指示就可以get到你想要获取到的内容
#post请求
        
        点击send
       
        打开浏览器，查看端口号为3000的地址
        
#delete请求
       
        点击send
        
        打开浏览器，发现刚才的数据已经被删除了
#patch请求
        
        点击send
       
（9）获取远程数据（ jsonplaceholder）到本地
        首先在package.json里配置下远程数据的地址
        
        然后在终端输入npm run json:server:remote 重启数据库
        
        在浏览器打开3000的端口，就可以查看jsonplaceholder里面的数据了。