Skip to content

加2行代码让你的mock.js支持fetch

License

Notifications You must be signed in to change notification settings

mrjasonjiang/mockjs-fetch

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 

Repository files navigation

mockjs-fetch

鉴于Mock.js不支持拦截fetch发起的ajax,本模块即为Mock.js的补充。安装:

npm i mockjs-fetch --save

只需加2行代码就可以让你的mock.js支持fetch

import Mock from 'mockjs';
import mockFetch from 'mockjs-fetch';
mockFetch(Mock);

兼容Mock.js以下语法:

Mock.setup({timeout: 400});
Mock.setup({timeout: '200-400'});

完整示例:

import Mock from 'mockjs';
import mockFetch from 'mockjs-fetch';
mockFetch(Mock);

Mock.setup({
    timeout: '200-400', // mockFetch支持 mockjs 已有的 timeout 设置项
    debug: true, // mockFetch新增的设置项,如果开启,请求时会打印一些日志
});

Mock.mock(/testMockFetch\.json/, {
    code: 0,
    data: {
        total: 47,
        'data|10': [
            {
                name: '小茗同学',
                age: 18,
                address: '中国北京朝阳区'
            },
        ],
    },
});

页面测试:

fetch('/aaa/testMockFetch.json').then(resp => resp.json()).then(resp => {
	console.log('输出结果:', resp);
})

About

加2行代码让你的mock.js支持fetch

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%