Aixos

一、vue-resource

二、Aixos

三、相关链接

 

一、vue-resource

 

Vue.js是数据驱动的，这使得我们并不需要直接操作DOM。vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。另外，vue-resource还提供了非常有用的inteceptor功能，使用inteceptor可以在请求前和请求后附加一些行为，比如使用inteceptor在ajax请求时显示loading界面。

vue2.0之后，就不再对vue-resource更新，而是推荐使用axios。Axios是基于ES6 Promise 的 HTTP 请求客户端，可同时在浏览器和 Node.js 中使用。Vue官方推荐的网络通信库不再是vue-resource了，推荐使用axios。

 

1.     安装

$ npminstall axios

2. 示例

 

3.     Axios封装

a． 默认情况下，axios串联js对象为JSON格式。为了发送application/x-wwww-form-urlencoded格式数据，可以进行设置。

 

4.     拦截器

可以在请求或者返回被then或者catch处理之前对他们进行拦截。

a． 未封装的写法

 

b．封装的写法

 

三、相关链接

1. https://www.kancloud.cn/yunye/axios/234845

2. https://segmentfault.com/a/1190000008470355?utm_source=tuicool&

utm_medium=referral