—这个有两个方案#xff1a;一个是二次封装一个是实例化。

#xff08;设置一些公共的参数#xff0c;然后进行请求#xff09;

—这个有两个方案一个是二次封装一个是实例化。

设置一些公共的参数然后进行请求

axios({method:

http://codercba.com:9002/banner,

}).then(function

{console.log(res);setImg(res.banners);console.log(img);});Axios实例化的输出

const

});instance.get(banner).then((response)

{console.log(实例化请求输出);console.log(response);

type.ts

{InternalAxiosRequestConfig,AxiosRequestConfig,AxiosResponse,AxiosRequestHeaders,

from

InternalAxiosRequestConfig;requestFailureFn?:

(err:

//实例化axiosthis.instance.interceptors.response.use((config)

{return

err;});this.instance.interceptors.response.use((res)

{return

err;});this.instance.interceptors.request.use(config.interceptors?.requestSuccessFn,config.interceptors?.requestFailureFn);this.instance.interceptors.response.use(config.interceptors?.responseSuccessFn,config.interceptors?.responseFailureFn);}requestT

any(config:

(config.interceptors?.requestSuccessFn)

{config

config.interceptors.requestSuccessFn(config

InternalAxiosRequestConfig);}return

new

(config.interceptors?.responseSuccessFn)

{res

config.interceptors.responseSuccessFn(res);}resolve(res);}).catch((err)

any(config:

hyRequest;可以看到其实封装也是先实例化之后再进行封装。

为什么要这么做实例化的东西不太好维护。

包括对拦截器的更新。

三、上述内容整体概述