vue2.0之axios使用方法详解

首先解释一下什么是axios。

axios从功能上来说就是主要用于我们前端向后端发送请求，是基于http客户端的promise，面向浏览器和nodejs，axios作用如下

浏览器端发送起XMLHttpRequests请求

node端发起http请求

支持promise API

拦截请求和返回

转化请求和返回数据

取消请求

自动转化json数据

客户端支持抵御XSRF

使用npm安装axios

$ npm install axios

因为axios并不是插件，所以不能像其他插件一样在main.js文件中引入之后直接使用，只能是其他组件使用的时候实时引入。所以要修改原型链，这样别的组件就可以在直接使用了。如下

这样其他组件便可以使用axios，发送get请求方法如下

 this.$http.get('/api/movie/top250',{
	   	params:{
	   		start:0,
	   		count:250
	   	    }
	      })
	    .then((_data)=>{
	      	this.objects=_data.data.subjects;
	      })//相当于ajax请求成功的回调函数，用来处理请求回来的响应数据
		.catch(function(error){
	    	console.log(error)
	  	  });//相当于ajax请求失败的回调函数
	 }

发送post请求

this.$http.post('/api/movie/top250',{start:0,count:250})

	    .then((_data)=>{
	      	this.objects=_data.data.subjects;
	      })
		.catch(function(error){
	    	console.log(error)
	  	  });
	 }