MockJs的使用

• 定义JSON字符串,命名为 banner.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"
    }
  ]
  

• 创建mockServer.js文件,使用Mock引入mock
  import Mock from 'ockjs' //需要使用 npm i mock
  import banner from './banner.json'
  如下例所示:

  //这个文件才是真正的在模拟我们的数据接口
  import Mock from 'mockjs'
  import banner from './banner.json'
  
  // 下面这两行就是在真正的模拟接口
  Mock.mock('/mock/banner',{code:200,data:banner})//第一个参数，传递路径，第二个参数传递数据
  

• 发送ajax请求到Mock文件