axios封装心得

1.创建loding和关闭loding函数
2. 请求数据的时候(请求拦截axios.interceptors.request.use)添加token 并且开启Loading状态!
confing.headers.Authorization = localStorage.eToken
4.接收到数据时(响应拦截axios.interceptors.response.use) 关闭Loading状态 并且根据返回的状态码判断token是否过期,过期删除当前token并且跳转到登录页面。 error的前提下error.response存在和后端沟通拿到所有响应码字典(这个地方可以使用switch 根据状态码判断当前应该Message中显示的内容(需要和后端沟通)。),如果*error.resopnse*不存在说明断网了,如果是断网了修改LocalStorage中的netWork状态,加载页面中断网组件
5.axios.create可以创建一个实例,添加接口延迟时间,添加baseUrl,设置header:{
Content-Type:‘application/json;charset=UTF-8或者application/x-www-form-urlencoded;charset=UTF-8’
}
6.域名统一管理,创建一个baseUrl的js文件 用来保存当前所启动的环境,比如sit,beta环境等并导出
7.封装axios的方法 (如果没有设置axios.create实例中的baseurl需要给一个请求前加上baseUrl) get请求,delete请求叫params, post请求,put请求,patch请求叫data,如果需要FormData格式 可使用qs插件或使用new FormData()对象的方式
8.可以创建请求接口的url存放文件统一保管

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小张很嚣张~

支持一下小老弟吧~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值