Nodejs封装fetch方法

框架:nodejs+express+es6

最近把ES5升级成ES6写法 需要用到Babel和webpack

Express添加Bable和Webpack方法如下点击这里
##封装


import fetch from 'node-fetch'

export default class BaseComponent{

    constructor(){

    }

    async fetch(url = '', data = {}, type = 'GET', resType = 'JSON'){

        type = type.toUpperCase();

        resType = type.toUpperCase();

        if(type == 'GET'){

            let dataStr = '';

            Object.keys(data).forEach(key =>{

                dataStr += key + '=' + data[key] + '&';

            })

            if(dataStr !== ''){

                dataStr = dataStr.substr(0, dataStr.lastIndexOf('&'));

                url = url + '?' + dataStr;

            }

        }

        let requestConfig = {

            method: type,

            headers: {

                'Accept': 'application/json',

                'Content-Type': 'application/json'

            }

        }

        console.log(JSON.stringify(data))

        if(type == 'POST'){

            Object.defineProperty(requestConfig, 'body' , {

                value: JSON.stringify(data)

            })

        }

        let responseJson;

        try {

            const response = await fetch(url, requestConfig);

            if (resType === 'TEXT') {

                responseJson = await response.text();

            }else{

                responseJson = await response.json();

            }

        } catch (err) {

            console.log('获取http数据失败', err);

            throw new Error(err)

        }

        return responseJson

    }

}

使用:可以通过继承BaseComponent 或者import BaseComponent

async geToken(){
 let result = await this.fetch(config.tokenApi,
            {
                "UId": UId,
                "Token": Token
            }, 'POST')
 return result
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值