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);
})