vue-axios的简单封装
前言 vue中ajax请求官方推荐是axios,之前集成的vue-source早被放弃了。axios的用法与jquery-ajax,vue-source的用法均有所不同。为了使用起来更方便,需要对axios简单进行封装。 封装的关键点 1、get 和 post 请求时,传参的方式不同 在get请求中,是使用params: {};在post请求中,使用data: {},至于为啥是这样,不是很清楚,但是官方已经在文档中,有说明: 对于post请求! 对于get请求 而且,在项目中实际尝试了下,发现当get请求时,必须使用params: {}的方式,而post请求的时候,必须使用data: {}的方式。不然是参数是传递不成功的。 2、post请求传参需要进行处理 当使用post请求时,将发送的请求参数需要使用qs.stringify进行包裹。不然是发送不成功的。 3、post请求的时候,请求头需要设置 4、axios请求没有finally或者always方法 在进行ajax请求的时候,需要有成功,失败,无论成败与否,这三种情况的回调函数。在axios的官方文档中,指出了成功使用.then回调函数,失败使用.catch回调函数,但是没有指出成败与否都执行的回调函数。 当浏览器支持原生的promise的时候,可以用.finally方法来处理成败与否都会执行这种情况