前言：

  最近在忙着导师布置的手机签到系统的小项目，正好就用到了axios，那我就把我使用的方法和经验给大家分享一下！

为什么使用axios和服务器交互？

  因为官网不对ajax 插件 vue-resource进行维护了，vue-resource 提供的价值和其维护成本相比并不划算，因此官方就不推荐了。。

axios是啥？

  axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：

•          从浏览器中创建 XMLHttpRequest
•          从 node.js 发出 http 请求
•          支持 Promise API
•          拦截请求和响应
•          转换请求和响应数据
•          取消请求
•          自动转换JSON数据
•          客户端支持防止 CSRF/XSRF

总之VUE主流的项目都在用axios进行交互，所以咱们也用就对了。

axios在代码中如何使用？

1.首先安装axios

npm install axios

2.在想使用的界面引用axios即可

3 axios发送put和get请求

axios.get(vm.url)
          .then(function (response) {
            // 这里对于服务器返回的数据进行处理
          })
          .catch(function (error) {
            console.log(error)
          })
          .then(function () {
            // always executed
          })
      }

      axios.post(vm.url, {构造键值对}
      )
        .then(function (response) {
            // 对服务器返回的数据进行处理
        })

以上就是VUE借助axios对服务器进行交互的最常用的两种方法！