axios二次封装
axios:axios是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中,axios负责与后端交互,get、post后端接口信息,相当前后端的窗口。
在做项目的时候,先对axios进行二次封装,然后在各个项目组件中使用,这样的话对axios统一管理,即使有一天axios宣布不再更新,我们需要更换的时候,我们可以把封装好的axios换了就行下面这段代码是一个购物商城项目中对axios的二次封装
这段代码不但对axios进行了二次封装,而且还引入了nprogress进度条
//请求拦截器 //axios实例的拦截器的request请求使用配置对象,返回配置对象 service.interceptors.request.use((config)=>{//进度条开始 Nprogress.start()//请求成功的返回配置对象 return config },(error)=>{//请求失败的返回,后面的then或者catch回调随便写不写 return Promise.reject(error)})
//响应拦截器 service.interceptors.response.use((response)=>{//进度条结束 Nprogress.done()//响应成功的返回 return response },(error)=>{Nprogress.done()//响应失败的返回 return Promise.reject(error)}).
├── axios二次封装
│ ├── request.js
│ └── service.js
└── 找例子网_axios二次封装.zip
1 directory, 3 files
评论