Vue中使用axios进行数据异步交互

大家都知道在Vue里面有两种出名的插件能够支持发起异步数据传输和接口交互,分别是axios和vue-resource,同时vue更新到2.0之后,宣告不再对vue-resource更新,而是推荐的axios。今天就讲一下怎么引入axios

  • npm安装axios
npm install --save axios
  • main.js中导入axios 并将axios挂载到vue的原型,后面就能执行了。
import axios from 'axios'
Vue.prototype.axios = axios;
  • 使用axios
  this.axios.post(url,params,{
    headers: {
      'token': token,//设置header
    }
  }).then(function (result) {
		//更多处理的内容
  }).catch(function(err){
    if(err.response) {
      console.log(err.response)
    }
  });

你可能感兴趣的:(Vue,JavaScript/HTML)