fetch的二次封装

原文地址： https://www.jeremyjone.com/612/，转载请注明。

---

前两天把axios封装整理了一下，今天整理一下fetch的封装。

可能我身边用fetch的太少，我们的项目中没有用过，只是自己学习看的，有不周的地方，还希望留言我们互相讨论。

fetch是js本身的一个接口，与axios/ajax有本质的区别，可能随着时间推移，fetch应该会更加流行吧。

有兴趣的朋友可以去MDN自行浏览。

/*
 * @Author: JeremyJone
 * @Date: 2020-03-05 18:55:36
 * @LastEditors  : JeremyJone
 * @LastEditTime : 2020-03-05 19:35:31
 * @Description: fetch封装示例，仅供学习使用。
 */

// 格式化数据的第三方库
import qs from "qs";

/**
 * 根据环境变量进行接口的区分
 */
let baseURL = "";
let baseURLArr = [
  {
   
    type: "development",
    url: "http://开发环境"
  },
  {
   
    type: "test",
    url: "http://测试环境"
  },
  {
   
    type: "production",
    url: "http://生产环境"
  }
];
baseURLArr.forEach(item => {
   
  if (process.env.NODE_ENV === item.type) {
   
    baseURL = item.url;
  }
});

/**
 * 封装的fetch函数，传入url(必须)和一个参数对象(可选)，这是fetch的需求参数
 */