Mock.js的基本使用

• 首先准备好需要模拟的数据--floor.json

[
  {
      "id":"1",
      "imgUrl":"/images/banner1.jpg"
  },
  {
      "id":"2",
      "imgUrl":"/images/banner2.jpg"
  },
  {
      "id":"3",
      "imgUrl":"/images/banner3.jpg"
  },
  {
      "id":"4",
      "imgUrl":"/images/banner4.jpg"
  }
]

• 下载依赖包 npm install mockjs
• 然后在工具文件夹utils中新建js文件

// 引入依赖
import Mock from 'mockjs'
// 引入模拟响应数据
import floor from './floor.json'

// 这里要写请求的全路径 --
Mock.mock('/mock/banner', {
    // 模拟返回一个状态码 200表示成功
    code: 200,
    // 模拟返回一个数据,就是我们本地的banner.json 取名为bannerList
    bannerList: banner
})