这篇文章主要介绍了vue中axios的封装是什么,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
18年初开始接触vue,最开始是使用的vue-resource,不过听说axios挺牛逼的,准备跳坑试试,毕竟vue-resource官方已经放弃维护了
其中就是baseURL是我们后台接口的请求路劲(请求的最后url=baseURL + axios的请求url)
, withCredentials这个字段是让我们的请求携带饼干的信息,如果没有设置的话,默认的假,就会出现会话丢失的情况,一直无法取到会话里面的信息
请求请求拦截器,在这里我们可以在做一些请求之前操作,对于某些请求,根据请求的携带过来的参数
(例如下面这个请求,就没有加载的效果)
有些项目需要请求好几个后台服务,在请求拦截器这里直接更改请求的baseURL就成。
还有有些接口需要更改头部的信息,直接修改就成
, ps:这这里不得不吐槽下vue-resource在请求拦截器里面更改头部所碰到的坑,想更改头部的信息,必须得先将emulateJSON这个字段设为false,
axios的请求默认的标题的内容类型为& # 39;应用程序/x-www-form-urlencoded; charset=utf - 8 # 39;
文章请求后端的(后端框架ssm)控制器中@RequestParam取不到请求参数
这个时候对请求参数做qs.stringify()处理就好了或者要求后端改成从@RequestBody获取参数也成
当请求头部为application/json,无需对请求参数做任何处理
响应响应拦截器主要是对请求超时的情况做处理。
感谢你能够认真阅读完这篇文章,希望小编分享vue中axios的封装是什么内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!
