fetch 请求封装

let formatUrl = obj => {  
    let params = Object.values(obj).reduce((a, b, i) => `${a}${Object.keys(obj)[i]}=${b}&`, '?');  
    return params.substring(0, params.length - 1);
};

**
 * 
 * @param {String} url 
 * @param {Object} option {headers,method,body,query} 
 */
let http = (url, option = {}) => {
    option.headers = option.headers || {};
    // option.headers['pl'] = 'admin';

    // option.headers['token'] = `${window.localStorage.getItem('token')}`; 
    const m = (option.method || '').toLocaleLowerCase();  // get query format
   
    if (m == 'get') {
        if (option.query) {
            url = url + formatUrl(option.query);
        }
    }  //对非get类请求头和请求体做处理
    if (m === 'post' || m === 'put' || m === 'delete') {
        // option.headers['Content-Type'] = option.headers['Content-Type'] || 'application/json';
        option.body = JSON.stringify(option.body);    // option.body = qs.stringify(option.body) 
    } return new Promise((resolve, reject) => {
        fetch(api + url, option)
            .then(response => {
                if (response.status >= 500) {
                    http.systemError && http.systemError('系统错误');
                } 
                return response.json();
            })
            .then(response => {
                if (response.status >= 401) {
                    if (response.state == 8888) {            //登陆超时返回状态吗
                        http.overTime && http.overTime(response);
                    } if (response.state == 6666) {            //没有权限返回状态码
                    }
                }
                resolve(response);
            })
            .catch(error => {
                console.log('err', error);
                http.otherError && http.otherError(error.message);
            });
    });
};//response 转化function parseJSON(response) {  return response.json();
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值