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

前端之家收集整理的这篇文章主要介绍了vue利用axios来完成数据的交互前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

一、功能特性

@H_301_1@

1、在浏览器中发送 XMLHttpRequests 请求 2、在 node.js 中发送 http请求 3、支持 Promise API 4、拦截请求和响应 5、转换请求和响应数据 6、自动转换 JSON 数据 7、客户端支持保护安全免受 XSRF 攻击@H_301_1@

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

@H_301_1@

1、npm安装@H_301_1@

$ npm install axios@H_301_1@

2、bower安装@H_301_1@

$ bower install axios@H_301_1@

3、直接使用cdn@H_301_1@

三、安装步骤

@H_301_1@

这里我使用npm的方法步骤:@H_301_1@

①首先在npm中输入npm install axios@H_301_1@

②在main.js加上配置@H_301_1@

@H_301_1@

四、请求实例

@H_301_1@

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

首页@H_301_1@

{{items.issuer_nickname}}.@H_301_1@

{{items.title}}