前端模拟数据mock的使用

1、npm下载

npm install mockjs

2、在src下面创建mock文件夹

3、在src下创建自己要模拟的数据(可以创建多个)

[
  {
    "id": "1",
    "imgUrl": "/images/"
  },
  {
    "id": "2",
    "imgUrl": "/images/"
  },
  {
    "id": "3",
    "imgUrl": "/images/"
  },
  {
    "id": "4",
    "imgUrl": "/images/"
  }
]

4、在src下创建

//先引入mockjs模块
import Mock from 'mockjs';
//吧json数据引入
import banner from './';
//mock数据：第一个参数请求的地址，第二个参数：请求的数据
("/mock/banner",{code:200,data:banner});

5、访问的方式和正常访问接口一样(这里使用get)