Class Based Wrapper for Axios

A Class based Wrapper of axios for react,vue and vanila javascript.

$3

A basic understanding of vanila javascript

$3

Example for vanila javscript
``
import ApiHandler from 'axios-wrapper';

let apiObject = new ApiHandler();//creation of a axios object

let bodyFormData = new FormData();
bodyFormData.set("client_id", "XYZ");//constructing body of the request

apiObject.post(baseurl + "/verifyclient/", bodyFormData)
.then(function(response) {
//success
}).catch(function (error) {
//catch errors
}
`

Example specific to react
`
import ApiHandler from 'axios-wrapper';

const handleErrorDefault= (error,dispatch)=>{
/*
handleErrorDefault is the default function that should be called to
catch the generic error
*/
switch (error.response.status) {
case 400:
//Bad-request can be generic
return Promise.reject(error);
break;
case 401:
//Generic error
localStorage.clear(); //clearing the session
//redirects to the login page
dispatch({
type: "VERIFY_AUTHENTICATION",
payload: false
});
return Promise.reject(error);
break;
case 404:
//Generic error
dispatch({
type: "LOGIN_NOTIFICATION",
payload: "Oops something went wrong"
});
dispatch({
type: "VERIFY_AUTHENTICATION",
payload: false
});
return Promise.reject(error);
break;
default:
dispatch({
type: "INTERNAL_SERVER_ERROR",
payload: true
});
return Promise.reject(error);
break;
}
}

let apiObject = new ApiHandler(false, false, error =>
handleErrorDefault(error, dispatch)
);

let bodyFormData = new FormData();
bodyFormData.set("client_id", clientId);
apiObject.post(baseurl + "/verifyclient/", bodyFormData)
.then(function(response) {

}).catch(function (error) {
//non-generic errors can be catched
}
``

$3

npm i axios-wrapper

Authors

Gaurav Jadwani