axios是什么

简介: axios是什么

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. })
相关文章
|
XML JSON 前端开发
Axios的特点
Axios的特点
96 0
|
5月前
|
JSON JavaScript 前端开发
axios浅析(一)
 axios 是一个轻量的 HTTP客户端 基于 XMLHttpRequest 服务来执行 HTTP 请求,支持丰富的配置,支持 Promise,支持浏览器端和 Node.js 端。自Vue2.0起,尤大宣布取消对 vue-resource 的官方推荐,转而推荐 axios。现在 axios 已经成为大部分 Vue 开发者的首选。
|
8月前
|
JSON 前端开发 JavaScript
axios的详细使用
axios的详细使用
208 1
|
8月前
|
XML 存储 JSON
Axios
Axios
73 0
|
8月前
|
JSON 前端开发 API
axios使用
axios使用
|
8月前
|
存储 设计模式 JSON
快速理解 Axios
快速理解 Axios
75 0
|
8月前
|
前端开发 JavaScript
Axios有哪些常用的方法?
Axios有哪些常用的方法?
90 0
axios详解
axios详解
104 0
|
JSON JavaScript 前端开发
axios的简单的使用
axios的简单的使用
69 0
axios
文章目录 引入 post请求 get请求 实例
66 0