axios Post与Get请求

1.使用npm安装Axios

npm install axios --save

2.页面中引入axios

import axios from 'axios';
Vue.prototype.$http = axios;
axios.defaults.baseURL = 'http://maa.fashvn.com';

post的请求 

post () {
let param = new URLSearchParams();
        param.append("name", "admin");
       this.$http.post('http://maa.fashvn.com/MySpring', param, {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      }).then(function (response) {
        console.log(response)
      }).catch(function (error) {
        console.log(error)
      })
    }

get请求(直接在链接后面加参数) 

getData () {
     this.$http.get('http://maa.fashvn.com/invoker?act=list')
        .then(function (response) {
                    console.log(response.data)
                })
        .catch(function (error) {
                    console.log(error)
                })
    },

 也可直接用ES6的箭头函数来使用

 axios.get('http://xx.com/xxx/xx.php')
      .then(response=>{
         console.log(response);
         //this.goodsbook=response.data;
         this.Goods=response.data[0];
         this.Goods2=response.data[1];
         this.Goods3=response.data[2];
         this.Goods4=response.data[3];
 
      })
      .catch(error=>{
          console.log(error);
          alert('网络错误，不能访问');
      })