ttk-app-core/src/mock/fetch-mockjs.js

@ttk/recat enterprise develop framework

export default function mockFetch(Mock) {
  if (!Mock || !Mock.mock) {
    throw new Error('Mock.js is required.');
  }
  const tempFetchName = '__mockFetchRawFetch__';
  // 防止重复引入
  if (window[tempFetchName]) {
    return;
  }
  window[tempFetchName] = window.fetch;
  window.fetch = function (url, options) {
    options = options || { method: 'GET' };
    const method = options.method;
    if (Mock.XHR._settings.debug) {
      console.log(`${method} ${url}`, 'options: ', options);
    }
    // const { pathname: path } = parse(url);
    for (const key in Mock._mocked) {
      const item = Mock._mocked[key];
      const urlMatch = (typeof item.rurl === 'string' && url.indexOf(item.rurl) >= 0) ||
      (item.rurl instanceof RegExp && item.rurl.test(url));
      const methodMatch = !item.rtype || (item.rtype.toUpperCase() === method.toUpperCase());
      if (urlMatch && methodMatch) {
        let timeout = Mock.XHR._settings.timeout || '200-1000';
        if (typeof timeout === 'string') {
          const temp = timeout.split('-').map(item => parseInt(item));
          timeout = temp[0] + Math.round(Math.random() * (temp[1] - temp[0]));
        }
        options.url = url;
        return new Promise(resolve => {
          const resp = typeof item.template === 'function' ? item.template.call(this, options) : Mock.mock(item.template);
          setTimeout(() => {
            resolve({
              status: 200,
              text() {
                return Promise.resolve(JSON.stringify(resp));
              },
              json() {
                return Promise.resolve(resp);
              },
              // blob、formData等一系列方法仅仅是为了让fetch不报错，并没有具体实现它
              blob() {
                return Promise.resolve(resp);
              },
              formData() {
                return Promise.resolve(resp);
              },
              arrayBuffer() {
                return Promise.resolve(resp);
              },
            });
            if (Mock.XHR._settings.debug) {
              console.log('resp: ', resp);
            }
          }, timeout);
        });
      }
    }
    return window[tempFetchName](url, options);
  };
}