mock数据和数据交互

一、mock数据：json-server

json-server：是用来模拟后端的接口的。

mock这词本意是虚拟，模拟的意思。mock server工具，通俗来说，就是模拟服务端接口数据，一般用在前后端分离后，前端人员可以不依赖后端的API开发，而在本地搭建一个JSON服务，自己产生测试数据。即：今天要讲的json-server就是个存储json数据的server ​ json-server 支持CORS和JSONP跨域请求。

1、创建文件夹（作为mock数据的文件夹）

2、初始化项目

//在文件夹里，执行：
npm init -y

3、安装json-server

npm i json-server  -D（就是--save-dev)

4、打开项目编写数据

在项目根目录下创建db.json，并写上合法的json数据。

属性名必须用双引号括起来，属性值：要么是json对象，要么是数组，如下：

{
  "inc": {
    "count": 3
  },
  "vips": [
    {
      "username": "刘一",
      "userpass": "123123",
      "id": 2
    },
    {
      "username": "陈二",
      "userpass": "123123",
      "id": 3
    },
    {
      "username": "张三",
      "userpass": "123123",
      "id": 4
    },
    {
      "username": "李四",
      "userpass": "123123",
      "id": 5
    },
    {
      "username": "王五",
      "userpass": "123223",
      "id": 6
    },
    {