首页 > Web开发 > 详细

fetch 遇上 mock.js

时间:2021-04-23 16:00:37      阅读:41      评论:0      收藏:0      [点我收藏+]

鉴于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

原文:https://www.cnblogs.com/liuyunqi/p/14654074.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!