前端 mock使用

110 阅读 0 评论 73 点赞

我是靠谱客的博主飞快小白菜，最近开发中收集的这篇文章主要介绍前端 mock使用，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

// 引入mockjs
const Mock = require('mockjs')

const Random = Mock.Random

const Result = {
  code: 200,
  msg: '操作成功',
  data: null
}

/**
 * Mock.mock(url, post / get, function (options);
 * url 表示需要拦截的 URL，
 * post / get 需要拦截的 Ajax 请求类型
 *
 * 用于生成响应数据的函数
*/
// 获取验证码图片base64编码以及一个随机码
Mock.mock('/captcha', 'get', () => {
  Result.data = {
    token: Random.string(32),
    catpchaImg: Random.dataImage('120x40', '6666')
  }
  return Result
})

Mock.mock('/captcha', 'get', () => {
  Result.data = {
    token: Random.string(32),
    catpchaImg: Random.dataImage('120x40', '6666')
  }
  return Result
})