浅用 Mock.js

2022-07-29

字数： 333字 | 阅读时长： 1min | 阅读量：次

官方网址：http://mockjs.com/examples.html
github 文档: https://github.com/nuysoft/Mock/wiki/Getting-Started
json-schema: http://json-schema.org/learn/getting-started-step-by-step

基本使用

可直接在 node 环境下面执行：

let Mock = require('./mock')

let data = Mock.mock({
    'number1|1-100.1-10': 1,
    'number2|123.1-10': 1,
    'number3|123.3': 1,
    'number4|123.10': 1.123
})
console.log(data)

拦截 Ajax 请求，返回模拟数据

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script type="text/javascript" src="./mock.js"></script>
<script>
    Mock.mock(/\/test\/test/, 'get', (options) => {
        console.log(options)
        return {
            data: 1
        }

    })
    jQuery.ajax({
        type: 'get',
        cache: false,
        async: true,
        url: '/test/test',
        timeout: 600000, //设置请求超时时间（毫秒）。此设置将覆盖全局设置。
        dataType: "json", //
        data: {},
        success: function (data, textStatus) {
            console.log(data)
        },
        error: function (jqXHR, textStatus, errorThrown) {

        }
    })
</script>

json-schema [ˈskiːmə]

var template = {
    'key|1-10': '★'
}
Mock.toJSONSchema(template) // 将 Mock.js 风格的数据转成 json-schema 格式的数据

json-schema 格式数据主要是用来定义一个 json 数据的组成结构、类型、枚举值等等，以便以后开发或者查看，可以用来匹配 mock 出来的模拟数据是否符合标准。json - json-schema 的关系相似于 js - ts 的关系。