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

 

 
 

fetch 遇上 mock.js

上一篇:CSS基础知识及其基本语法


下一篇:css弹性布局指定显示行数多余文字去掉用省略号代替以及弹性布局中css 卡片阴影效果