如何使用axios获取数据
2018-03-06 11:32
281 查看
axios 简介
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征:· 1. 从浏览器中创建 XMLHttpRequest· 2. 从 node.js 发出 http 请求
· 3. 支持 Promise API
· 4. 拦截请求和响应
· 5. 转换请求和响应数据
· 6. 取消请求
· 7. 自动转换JSON数据
· 8. 客户端支持防止 CSRF/XSRF
引入方式:
$ npm install axios//使用淘宝源
$ cnpm install axios
//或者使用cdn:<script src="https://unpkg.com/axios/dist/axios.min.js"></script>安装其他插件的时候,可以直接在 main.js 中引入并使用 Vue.use()来注册,但是 axios并不是vue插件,所以不能 使用Vue.use(),所以只能在每个需要发送请求的组件中即时引入。为了解决这个问题,我们在引入 axios 之后,通过修改原型链,来更方便的使用。需要在main.js文件里设置,如下://main.js
import axios from 'axios'
Vue.prototype.$http = axios在 main.js 中添加了这两行代码之后,就能直接在组件的 methods 中使用 $http命令
相关文章推荐
- 如何使用Ajax从服务端获取数据
- 如何使用dac获取sharepoint list的数据
- 如何在使用ASPMVC4的分部视图中获取数据展示
- 【Jquery+ajax】关于如何使用ajax获取数据
- 【转】如何在Windows+VS2005使用最新静态libcurl 7.35.0获取网页数据,支持HTTPS
- 如何在Windows+VS2005使用最新静态libcurl 7.35.0获取网页数据,支持HTTPS
- 如何使用 Yahoo! Finance stock API 获取股票数据
- pixhawk/px4如何获取及使用传感器数据
- 页面使用$.dataTable()的时候,如何获取Table一行的数据
- 数据库(SQL)之触发器(trigger)中如何获取表中数据(使用局部变量)
- Vue中如何使用vue-resource获取端口数据
- 使用post方式提交表单如何获取图片数据及其他文本参数[NodeJS]
- 使用Vue.js和Axios从第三方API获取数据 — SitePoint
- javascript开发中如何使用face++,得到人脸数据(如何简单获取图片url,如何获取完整的人脸信息)
- zabbix如何使用自定义的脚本来获取数据并展示
- 使用Oracle SQL Developer提示无法从套接字获取更多数据如何解决
- strut2 optiontransferselect 标签使用如何在action中获取list和doublelist里面的数据
- [转]使用Oracle SQL Developer 17410 提示无法从套接字获取更多数据如何解决
- how to read data from web service ?(如何使用BMC Remedy Administrator 从Web Service获取数据?)
- 使用mybatis, 如何获取刚插入数据的id