fetch 遇上 mock.js

鉴于Mock.js不支持拦截fetch发起的ajax  需要使用下载mockjs-fetch

 

下载 mockjs-fetch

npm i mockjs-fetch --save

 

mock.js代码

import Mock from 'mockjs';
import mockFetch from 'mockjs-fetch';
mockFetch(Mock);
 
Mock.setup({timeout: 400});
Mock.setup({timeout: '200-400'});
 
Mock.mock(/testMockFetch\.json/, {
    code: 0,
    data: {
        total: 47,
        'data|10': [
            {
                name: '小茗同学',
                age: 18,
                address: '中国北京朝阳区'
            },
        ],
    },
});

 

在main.js 引入 mock.js

import './mock.js'

 

fetch正常调用。 （注：如果封装了fetch 要保证fetch的调用不受到阻碍）

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