mock使用笔记

mock的应用笔记

一、安装

npm install --save-dev mockjs

　　

二、应用之初体验

1.创建api.js文件，用于专门存放模拟请求

      import Mock from 'mockjs' // 引入mockjs 
      var dataJson = {
        name:'zhangsan', age:'17' 
      } 
      Mock.mock('/data/index', 'post', dataJson) // 根据数据模板生成模拟数据    

2.调用

      import "./../api/api";//引入api.js
  
      //调用
      getdata: function() {
        axios.post("/data/index").then(res=>{
          console.log(res);
        })
      }  

　　

三、应用之传参

1.get传参

      //在api.js中 
      //地址用正则拦截 
      Mock.mock(RegExp('/data/getUser'+'.*'), 'get', options=>{ 
        console.log(options)//这里边你会看到传递过来的参数
        return Mock.mock({name:"zhangsan",age:19}) 
      }) 
      //调用
      axios.get("/data/getUser?name=李四&age=20").then(res=>{
        console.log(res); 
      })  

2.post传参

      //在api.js中
      Mock.mock('/data/setUser', 'post', options=>{
        console.log(options)//这里边你会看到传递过来的参数
        return Mock.mock({name:"zhangsan",age:19})
      })
  
      //调用
      axios.post("/data/setUser",{name:'lisi',age:20}).then(res=>{
        console.log(res);
        return Mock.mock({name:"zhangsan",age:19})
      })

　　

四、模拟耗时

    //在api.js中
    import Mock from 'mockjs' // 引入mockjs 
    Mock.setup({
      timeout: 2000//两秒后响应
    })