axios概述与基本用法

 

 

1. axios的基本特性

axios（官网：https://github.com/axios/axios）是一个基于Promise用于浏览器和node.js的HTTP客户端。

它具有以下特征：

• 支持浏览器和node.js
• 支持promise
• 能拦截请求和响应
• 自动转换JSON数据

 

 

 

 

 

2. axios的GET和DELETE请求传参数

axios的常用API

get:  查询数据

post:  添加数据

put:  修改数据

delete:  删除数据

 

get传递参数

• 通过URL传递参数
• 通过params选项传递参数

 

 

 

 

 

 

 

 

delete传参数

 

 

 

 

 

 

3.  axios的参数传递

POST传递参数

通过选项传递参数(默认传递的是json格式的数据)

 

 

通过URLSearchParams传递参数(application/x-www-form-urlencoded)

 

 

 

 

PUT传递参数

参数传递方式与POST类似

 

 

 

 

 

 

 

4. axios响应结果与全局配置

axios的响应结果

响应结果的主要属性

• data:   实际响应回来的数据
• headers:  响应头信息
• status:  响应状态码
• statusText:  响应状态信息

 

 

 

 

axios的全局配置配置

axios.defaults.timeout=3000;    //超时时间

axios.defaults.baseURL='http://localhost:3000/app';   //默认地址

axios.defaults.headers['mytoken'] = 'aqwerwasdassad2aweawe'  //设置请求头

 

 

 

 

5. axios拦截器

请求拦截器

在请求发出之前设置一些信息

 

 

 

 

响应拦截器

在获取数据之前对数据做一些加工处理