vue-axios的使用

官方文档

http://www.axios-js.com/zh-cn/docs/#axios-request-config

简介：

Axios是一个异步请求技术，核心作用就是用来在页面中发送异步请求，并获取对应数据在页面中渲染

全局引入

在main.js中
import axios from 'axios'
Vue.prototype.axios = axios;

使用

在vue组件中：

//psot请求，带参数
this.axios.post('/user', {
    firstName: 'Fred',  //参数不能是对象
    lastName: 'Flintstone'
  })
  //如果传递对象，直接写this.axios.post('地址',this.对象)
  .then((response)=>{
    console.log(response);
  })
  .catch((error)=> {
    console.log(error);
  });
  
  
  //get请求
  this.axios.get('/user?ID=12345')
  .then((response)=> {
    console.log(response);
  })
  .catch((error)=> {
    console.log(error);
  });

// 上面的请求也可以这样做
this.axios.get('/user', {
    params: {
      ID: 12345
    }
  })
  .then((response)=> {
    console.log(response);
  })
  .catch((error)=> {
    console.log(error);
  });
  ------------------------------------------
  //并发请求
  function getUserAccount() {
  return this.axios.get('/user/12345');
  }

function getUserPermissions() {
  return this.axios.get('/user/12345/permissions');
}

axios.all([getUserAccount(), getUserPermissions()])
  .then(this.axios.spread(function (acct, perms) {
    // 两个请求现在都执行完成
  }));