axios 是一个轻量的 HTTP客户端
基于 XMLHttpRequest 服务来执行 HTTP 请求,支持丰富的配置,支持 Promise,支持浏览器端和 Node.js 端。自Vue2.0起,尤大宣布取消对 vue-resource 的官方推荐,转而推荐 axios。现在 axios 已经成为大部分 Vue 开发者的首选
#特性
- 从浏览器中创建 XMLHttpRequests
- 从 node.js 创建 http请求
- 支持 Promise API
- 拦截请求和响应
- 转换请求数据和响应数据
- 取消请求
- 自动转换JSON 数据
- 客户端支持防御XSRF
#基本使用
安装
1. // 项目中安装 2. npm install axios --S 3. // cdn 引入 4. <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
导入
import axios from 'axios'
发送请求
1. axios({ 2. url:'xxx', // 设置请求的地址 3. method:"GET", // 设置请求方法 4. params:{ // get请求使用params进行参数凭借,如果是post请求用data 5. type: '', 6. page: 1 7. } 8. }).then(res => { //请求成功 9. // res为后端返回的数据 10. console.log(res); 11. }).catch((err)=>{ // 请求失败 12. console.log(err); 13. })