Mock.js script可引入版本

mock.js用于模拟后端请求,在不开发后端模块的情况下,可以正常测试前端的接口。在非webpack工程化项目下可能无法引入。现提供一种可以通过js引入的方式使用mock.js。

官方文档:https://github.com/nuysoft/Mock/wiki/Getting-Started

1. 安装bower

npm install -g bower

2. 安装mockjs

bower install --save mockjs

3. 正常引入

<script type="text/javascript" src="./bower_components/mockjs/dist/mock.js"></script>

4. js文件中引入

function addScript(url){
	document.write("<script language=javascript src="+url+"></script>");
}

addScript('./bower_components/mockjs/dist/mock.js')

5. 简单使用

Mock.mock('http://127.0.0.1:5500/api/users', 'get', {
    'list|5': [{
        'id|+1': 1,
        'name': '@cname',
        'age|18-60': 1,
        'email': '@email'
    }]
});

Mock.js 是一个用于生成随机数据和拦截 Ajax 请求的库。它可以帮助前端开发人员快速生成模拟数据,并拦截前端发送的 Ajax 请求,返回预先定义好的 Mock 数据。
经测试,对于部分较老的框架并不支持,如ext.js,可能由于改造了原生的http请求调用。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值