json-server的使用

541 阅读1分钟

json-server是一个Node模块,运行Express服务器,你可以指定一个json文件作为api的数据源。
也就是说,我们可以使用它快速的搭建一个web服务器。
网址:github.com/typicode/js…

安装

  1. 首先检查node版本,WIN + R输入cmd,打开cmd命令行,输入node -v,如果没安装node,需要安装node.js nodejs.org/zh-cn/downl…
  2. 通过检查node版本,确认node已安装后,在命令行输入npm install -g json-server安装json-server

使用

  1. vscode新建一个db.json文件,写入内容:
{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}
  1. 点击vscode上的终端,选择新终端,即可打开cmd命令行,输入json-server --watch db.json

    假如报错:

    就输入set-executionpolicy remotesigned允许运行未签名脚本后再输入json-server --watch db.json

  2. 使用前端代码即可操作自己定义的json数据了
<script src="js/jquery-1.12.4.min.js"></script>
<script>
  $.ajax({
    url: 'http://localhost:3000/posts',// 请求的url
    type: 'GET',// 请求数据方法
    dataType: 'json',// 返回数据类型
    success: function (data) {// 获取返回数据后的处理
      console.log(data);
    }
  })
</script>