jya-oa-qianduan/doc/mock.md

mock相关

QA

1. mockjs加载时机

在import mockjs之后再挂载；

原因

最初在import所有业务代码之后，才import mockjs，（import本身也是一个Promise，所以涉及到加载的时机）导致异步请求时，先走原本请求不到的接口，已经显示请求失败了，才开始走mockjs； 调整后的代码

const app = new Vue({
    data: {
        isExpire: false,
    },
    router,
    render: h => h(App),
});
if (process.env.NODE_ENV === 'development') {
    import('./mock').then(() => {
        app.$mount('#app');
    });
} else {
    app.$mount('#app');
}

2. 设置参数错误（POST）导致mock失败

原因

大小写不匹配

...
const data = mock.mock('/zhiyuadminBack/manageusers/getPassUsers', 'post', {
    code: '0',
    result: 'success',
    msg: '成功',
...

追踪源码发现，必须为小写才能请求成功；因为mock的options会和request请求中的参数大小写不匹配导致无法send() xhr对象

 function find(options) {

    for (var sUrlType in MockXMLHttpRequest.Mock._mocked) {
        var item = MockXMLHttpRequest.Mock._mocked[sUrlType]
        if (
           // 注意⚠️  断点处 debugger;  原请求参数中被转为小写，而mock中如果为大写，无法match()
            (!item.rurl || match(item.rurl, options.url)) &&
            (!item.rtype || match(item.rtype, options.type.toLowerCase()))
        ) {
            // console.log('[mock]', options.url, '>', item.rurl)
            return item
        }
    }