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请求调用。