VUE与服务器交互方法

2020-09-15 14:06发布

为什么使用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对服务器进行交互的最常用的两种方法!



作者:靖凡无所畏惧

链接:https://blog.csdn.net/wjf1997/article/details/89646447

来源:CSDN
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。