一、axios是什么
axios 可以理解为ajax i/o system,是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,简单的理解就是ajax的封装。
二、axios的特点
- 前后端都可以使用
- 不依赖dom
- 拦截扩展强调
- 可封装 复用性强
三、axios的使用方法
1.安装
命令:npm axios -S
2.在vue全局挂载
- 导入main.js import axios from 'axios'
- 挂载 Vue.prototype.$axios = axios;
- 使用 this.$axios.xxx
3.方法
(1)基础方法
axios(config)可通过设置一些属性来发送请求
axios({
url,//请求的地址
method,// 请求方法 get,post,put,delete
data,//post请求的数据
params,//get请求的数据
headers,//请求头配置
})
(2)便携方法
- post
post(url,data,config)
- get
get(url,cionfig)
tips:get方式 传递参数给后端 => ?参数名=参数值&参数名2=参数值2
4.axios配置请求头信息
"Authorization": 'Bearer ' + localStorage.getItem('token')
5.执行结果
- 成功请求
.then(res=>{
res.data 请求返回的数据
})
- 失败请求
.catch(err=>{
err.response.data 返回失败数据
})