vue利用axios来完成数据的交互

vue利用axios来完成数据的交互

axios基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 node.js 中使用

现在vue官方推荐的网络通信库不再是vue-resource了，推荐使用axios。所以学习了下，总结如下。

一、功能特性

1、在浏览器中发送 XMLHttpRequests 请求

2、在 node.js 中发送 http请求

3、支持 Promise API

4、拦截请求和响应

5、转换请求和响应数据

6、自动转换 JSON 数据

7、客户端支持保护安全免受 XSRF 攻击

二、axios的安装方法（官方给了3种方法）

1、npm安装

$ npm install axios

2、bower安装

$ bower install axios

3、直接使用cdn

三、安装步骤

这里我使用npm的方法步骤：

①首先在npm中输入npm install axios

②在main.js加上配置

import axios from ‘axios'

Vue.prototype.$http = axios

四、请求实例

点击获取数据可以取到想要的数据

http://

首页

获取数据

{{items.issuer_nickname}}.

{{items.title}}

效果图：

参考网址：https://github.com/axios/axios

总结

以上所述是给大家介绍的vue利用axios来完成数据的交互，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。