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拦截器

请求拦截器

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

 

 

 

 

响应拦截器

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

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM