初识vue之axios的封装

18年终最先打仗vue,最最先是运用的vue-resource,不过据说axios挺牛逼的,预备跳坑尝尝,毕竟vue-resource官方已摒弃保护了
《初识vue之axios的封装》

个中就是baseURL是我们背景接口的请求路劲(request的末了url=baseURL+axios的请求url)
withCredentials 这个字段是让我们的请求照顾cookie的信息,假如没有设置的话,默许的false,就会涌现session丧失的状况,一向没法取到session内里的信息
《初识vue之axios的封装》
《初识vue之axios的封装》

request请求拦截器,在这里我们能够在做一些请求之前操纵,关于某些请求,依据请求的照顾过来的参数

(比方下面这个请求,就没有loading的结果)《初识vue之axios的封装》

有些项目须要请求好几个背景效劳,在请求拦截器这里直接变动request的baseURL就成。。
另有有些接口须要变动头部的信息,直接修正就成
ps:这这里不得不吐槽下vue-resource 在请求拦截器内里变动头部所遇到的坑,想变动头部的信息,必须得先将emulateJSON 这个字段设为false 《初识vue之axios的封装》

axios的请求默许的headers的Content-Type为’application/x-www-form-urlencoded;charset=UTF-8′
post请求后端的 (后端框架ssm)Controller中@RequestParam取不到请求参数
这个时刻对请求参数做qs.stringify()处置惩罚就好了或许请求后端改成从@RequestBody猎取参数也成

当请求头部为application/json 无需对请求参数做任何处置惩罚
response 相应拦截器主如果对请求超时的状况做处置惩罚。

    原文作者:Maybe
    原文地址: https://segmentfault.com/a/1190000017914382
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞