axios是什么?
axios是什么?axios是基于Promise实现的一个Http库,可以发送http请求,是ajax的一种代替品。
axios的用处:
(1)可以在浏览器创建XMLHttpRequest发送http请求。
(2)可以和node完美的结合,发送http请求。
(3)由于是基于Promise实现的,支持Promise的API。
(4)拦截请求和响应。
(5)可以转换请求数据和响应数据。
(6)取消请求。
(7)防止客户端的SXRF攻击。
Vue中如何使用axios呢?
(1)首先搭建好vue的脚手架工程,教程链接:https://www.jb51.net/article/160270.htm
(2)使用npm install axios 或者 cnpm install axios 或者 yarn add axios 安装axios模块
(3)安装完之后,在工程里面的main.js里引入axios包:import axios from 'axios',引入完之后在加一句Vue.prototype.$axios = axios,这句话的意思是给Vue这个实例对象设置一个名为$axios的属性,它的值就是引入的axios这个对象,完整的代码如下图:
之后我们新建一个组件,定义一个按钮和一个方法,如下图:
打开浏览器可以看到请求导数据,如下图: