vue安装axios

cnpm install axios

安装成功后/项目/node_modules/目录下有axios文件夹

在package.json文件中devDependencies字段中添加插件名和插件版本

   "axios": "^0.17.1",

在vue项目中引用axios

1.src/main.js

import axios from 'axios'

Vue.prototype.$axios = axios

 show: function(){

  //get方式

 //赋值给变量self

 var self = this;

 var url = "hotcity.json";

  axios.get(url,{

      params:{

      username: "egon"

   }

  })

.then(function (response) {

    self.stu = response.data.data.hotCity;

    console.log(response.data.data.hotCity);

})

.catch(function (error) {

   console.log(error);

})

}

show: function(){

       //post方式

 //var url = "http://bugwhy.com/php/index/getNews.php";

 var url = "http://localhost:8000/login";

       axios.post(url,{

           name: this.username,

  password: this.password

 },{

           "headers": {"Content-Type": "application/x-www-form-urlencodeed"}

 }).then(function(res){

       console.log(res.data);

  })

  .catch(function (error) {

      console.log(error);

                 })

}