Nodejs封装fetch方法

时间:2019-01-23
本文章向大家介绍Nodejs封装fetch方法,主要包括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
}