使用JSON Server 模拟 服务端通信

使用JSON Server和服务端通信

• JSON Server 是一个提供测试环境接口的工具，它可以帮我们快速生成一套接口服务，专门用于学习测试。
• 它是免费开源的命令行工具

安装并启动服务

1、首先，安装：

npm install -g json-server

# 该命令用于测试是否安装成功，如果看到一个版本输出，就证明OK了
json-server --version

如果 json-server 安装失败，尝试以下方式解决：
● 如果使用 git-bash 安装是看不到进度条的，只要不报错你就耐心等待，建议去 cmd 中执行安装命令
● 网络原因，npm 的服务器在国外，所以国内安装的话非常缓慢
○ 建议把 npm 的安装源切换到淘宝，淘宝的开发团队做了镜像源（复制了一个 npm 数据放到了国内）

可以使用 npm config list 这条命令查看 npm 相关的配置

registry 显示的就是当前的安装源

如果这个地址不是 https://registry.npm.taobao.org/，那么我们执行以下的命令把它修改成这个地址：

npm config set registry https://registry.npm.taobao.org/

执行完以上命令以后，再次输入 npm config list 确认是否修改成功。

注意：所有使用 -g 参数安装的包，只需要安装一次，以后就不用安装了，永久使用。

2、创建一个目录 json-server-demo，然后在该目录中创建一个文件 db.json 并写入以下内容：

{
  "posts": [{ "id": 1, "title": "json-server", "author": "typicode" }],
  "comments": [{ "id": 1, "body": "some comment", "postId": 1 }],
  "profile": { "name": "typicode" },
  "users": [
    {
      "id": 1,
      "name": "张三",
      "age": 18,
      "gender": "男"
    }
  ]
}

3、最后，在命令行中进入 db.json 文件所属目录，执行

json-server --watch db.json

如果成功，你将看到以下输出

接口服务默认占用 3000 端口

然后把这个窗口最小化就不要动了，在接下来的学习测试期间一定要保持开启状态，如果窗口关闭了，接口服务也就关了。