定义
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端。简单的理解就是ajax的封装;
一款ajax请求工具
特点
- 前后端都可以使用
- 不依赖dom
- 拦截扩展强调
- 可封装复用性强
安装
cd 项目目录
npm i axios -S
在vue全局挂载
导入main.js
import axios from 'axios'
挂载
Vue.prototype.$axios='axios'
使用
this.$axios.xxx
便捷方法
post(url,data,config)
![]()
get(url,config)
get传递参数给后端
?参数名=参数值&参数名2=参数值2
?courrent=2
![]()
delete(url,config)
删除
put(url,data,config)
修改
基础方法
axios({
url,//请求的地址
method//请求方法get,post,put,delete
data,post 请求的数据
params:get请求的数据
headers:请求头配置
})
![]()
执行结果
网络请求成功
.then(res=>{
res.data 请求返回的数据
})网络请求失败
.catch(err=>{
err.ersponse.data 返回失败数据
})
config axios配置
headers 请求头
添加token "Authorization":'Bearer '+localStorage.getItem("token")
![]()
restFul
1.接口的设计风格
2.强调每个url地址都是一个资源
3.可以通过get,post,put,delete操作资源
4.get获取,post新增,put修改,delete删除