相比于自己写一个模拟数据返回的后端接口，好像还是这个来的更加方便。

什么是mockjs 让前端攻城师独立于后端进行开发。不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。

基于对window的xhr对象的二次封装，增加了用于拦截的逻辑。

开始使用 1.安装 npm install mockjs

2.指定拦截ajax请求时的响应时间 Mock.setup({

timeout: 400

}) Mock.setup({

timeout: '200-600'

})

3.指定拦截的规则和返回数据 Mock.mock( rurl?, rtype?, template|function( options ) )

rurl，可选，表示需要拦截的 URL，可以是 URL 字符串或 URL 正则。例如 //domain/list.json/、‘/domian/list.json’。 rtype，可选，表示需要拦截的 Ajax 请求类型。例如 GET、POST、PUT、DELETE 等。 template，可选，表示数据模板，可以是对象或字符串。例如 { ‘data|1-10’:[{}] }、‘@EMAIL’。 function(options)，可选，表示用于生成响应数据的函数。

4.生成随机数据 Mock.Random 是一个工具类，用于生成各种随机数据。

阅读剩余 0%
本站所有文章资讯、展示的图片素材等内容均为注册用户上传(部分报媒/平媒内容转载自网络合作媒体)，仅供学习参考。 用户通过本站上传、发布的任何内容的知识产权归属用户或原始著作权人所有。如有侵犯您的版权，请联系我们反馈本站将在三个工作日内改正。