client_request_util

客户端fetch的工具类

该类是对fetch的一个包装,让fetch使用的更方便,目前暂时只支持application/json的POST请求,后续会添加上去

使用

安装:

npm i client_request_util

测试: 可打开test.html 查看测试(注:测试中的配置为开发者局域网的地址),测试结果可f12 console中查看

使用:

//配置:
let requestConfig= {
    hostName: "http://192.168.1.68:8811",
    urlPrefix: "/wbVideoManager/api",///Video/getVideoDetail
    defaultHeader: {},
    defaultAddParams: {},
    isPrintLog: true,
    defaultCallback: function (fetchResponse, callback) {
        console.log("in default call back ==>", fetchResponse);
        return callback(fetchResponse);
    }
};

//调用:
import requestUtils from 'client_request_util';
var requestObj=new requestUtils({
    hostName: requestConfig.hostName,
    urlPrefix: requestConfig.urlPrefix,
    defaultHeader: requestConfig.defaultHeader,
    defaultAddParams: requestConfig.defaultAddParams,
    isPrintLog: requestConfig.isPrintLog,
    defaultCallback: requestConfig.defaultCallback
});


//执行Request请求:
requestObj.postByApplicationJson({
    postURL: "/Video/getVideoDetail",
    postArgs: {
        "noticeId": "21412"
    },
    callback: function (responseData) {
        console.log("responseData==>", responseData);
        console.log("test end");
    }
})

参数说明:

实例化参数:(实例化时传入的参数为后面的请求提供默认值)

参数名	含义	例子	默认值
hostName	访问主机	http://192.168.1.69	""
urlPrefix	请求时的URL前缀	"/post"	""
defaultHeader	默认请求头	{}	{}
defaultAddParams	默认在请求时添加的参数	{}	{}
isPrintLog	是否打印日志	true	true
defaultCallback	当执行完fetch请求后的回调事件	函数	null

postByApplicationJson方法:请求时的参数:

参数名	含义	例子	默认值
postURL	请求的URL	"/getUserDetail"	""
isCompleteUrl	postURL是否为完整的URL,如果值为false,则请求的URL构建成:hostName+urlPrefix+postURL ,如果值为true,则请求的URL为postURL	false	""
newHeader	如果此次请求,不想使用初始化传入的请求头,则可传入该参数	null	null
addDefaultHeader	是否添加默认请求头,如果值为true,请求头的值为:旧的请求头+新的请求头 ,如果值为false,则请求头为newHeader或是defaultHeader的一个(如果addDefaultHeader有值则为addDefaultHeader,反之亦然)	false	false
postArgs	请求时候的参数	{"noticeId":"123"}	{}
addDefaultArgs	是否添加默认参数,如果值为true,则请求时参数为postArgs+defaultAddParams,如果值为false,则请求时参数为:postArgs	true	true
callback	回调函数,fetch执行完成后的回调函数	函数	空函数
beforeDoDefaultCallBack	在执行callback前是否要执行:defaultCallback	true	true