axios介绍:
axios是近几年比较火的一个前端库,完美代替了jquery中的ajax,它不仅可以运行在浏览器也可以运行在nodejs环境下,而且支持Promise API 可以拦截请求,和返回.而且天生防...XSRF
为什么需要封装:
有时候我们需要对服务端的状态统一处理,假如服务端返回状态码为300 我们需要重定向到登录页,这时我们就可以封装一下axios的api 使其统一处理我们的300状态码, 简单来说封装是为了让程序更加简洁...封装的好处及目的:
可以统一处理错误
可以统一处理状态码
使其调用更加简单
可以更加符合项目需要
封装的准备工作,重点,难点:
需要和后台开发人员约定状态码
需要确定项目的请求过期时间
回话保存机制,session...,cookie token
需要哪些请求方式
需要什么格式,json, formdata,或url拼接参数
这里需要注意一下axios的一些api的参数
当method为get时 参数是params...当method为post时 参数是data
withCredentials 参数为true是支持跨域验证
另外可以取消一个已经发起的xhr请求
另外当封装axios时,我们可能要引入其他的第三方库,比如弹窗插件