VUE研究 订阅所有【VUE研究】的日志

近期VUE及周边笔记--easy mock

作者:admin 日期:2017-09-24
字体大小: 小 中 大

easy mock(https://easy-mock.com/)平台的主要作用，是用来模拟生成json文件，在后端未到位的情况下，为前端调试提供数据。我的使用方法：

1、是在开发时将ajax请求，直接指向https://easy-mock.com/mock/59a578f77b7ac306cc2fa863/api这样的远程接口，进行调试。

2、等前后端联调结束后，通过修改axios的axios.defaults.baseURL参数，将数据接口指向真实ajax地址，完成切换。

easy平台提供了丰富的mock.js语法，也可以接收并request参数，模拟真实ajax情况很逼真。比如下面这个范式，就模拟了对”/list?page=*“这样的多页请求的情况：

Javascript代码
  1. {  
  2.   res_body: function({  
  3.     _req,  
  4.     Mock  
  5.   }) {  
  6.     //page小于3，每页给出20个随机数据  
  7.     if (_req.query.page < 3) {  
  8.       return Mock.mock({  
  9.         "page_num": 4,  
  10.         "list|20": [{  
  11.           "id": _req.query.page,  
  12.           "tt_amount": "@float(200, 2000, 2, 2)",  
  13.           "commission": "@float(200, 2000, 2, 2)",  
  14.           "final_amount": "@float(200, 2000, 2, 2)"  
  15.         }]  
  16.       })  
  17.   
  18.     }  
  19.   
  20.     //page==3，给出6个数据，模拟末页情况  
  21.     if (_req.query.page == 3) {  
  22.       return Mock.mock({  
  23.         "page_num": 4,  
  24.         "list|6": [{  
  25.           "id": _req.query.page,  
  26.           "tt_amount": "@float(200, 2000, 2, 2)",  
  27.           "commission": "@float(200, 2000, 2, 2)",  
  28.           "final_amount": "@float(200, 2000, 2, 2)"  
  29.         }]  
  30.       })  
  31.     }  
  32.   }  
  33. }  

 模拟身份验证

Javascript代码
  1. {  
  2.   res_flag: function({  
  3.     _req  
  4.   }) {  
  5.     return (_req.header.token == "1234567890")?true:false;  
  6.   }  
  7. }  

 



[本日志由 admin 于 2017-09-24 08:56 AM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 0 | 引用: 0 | 查看次数: 7539
发表评论
昵　称:
密　码: 游客发言不需要密码.
邮　箱: 支持Gravatar头像.
网　址: 输入网址便于回访.
内　容:
验证码:
选　项:
虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号.
字数限制 300 字 | UBB代码 关闭 | [img]标签 关闭