VUE——数据交互axios

axios自己发现居然在angular中写过，自己一时傻了，为啥不会用，没有印象，是没有敲代码吧！

今天好好的聊下axios的get请求。

安装在vue中

npm install axios --save

然后在main页面中引入，设置成全局变量。

import Axios from "axios"

Vue.prototype.$axios = Axios

看上面的两行代码应该知道放在哪里吧！

在你先用的页面直接写get请求方法就好了。

created(){
    this.$axios.get("http://a.itying.com/api/productlist")   //请求地址。
    .then(res=>{
      console.log(res.data);   //成功返回获得数据
    })
    .then(error=>{
      console.log(error);      //失败返回错误提示
    })
  }

或者可以这样写

this.$axios({
      method:"get",
      url:"http://a.itying.com/api/productlist",
     
     })
.then(res=>{
    console.log(res.data);        
  })
.then(error=>{
     console.log(error);
  })

运行启动浏览器，F12，看结果。

post请求

 this.$axios.post("http://jd.itying.com/api/doLogin",{
       username:***,
        password:****,
    })
    .then(res=>{
      console.log(res.data);        
      })
     .then(error=>{
       console.log(error);
    })

返回结果。