Axios是基于promise对ajax的数据封装。
在vue中下载:npm install axios -S
引入:import axios from ‘axios’
使用:
axios.get() axios.post()
axios({
url:'请求url'
method:‘请求的方式’
data :‘post传值的方式’
params:‘get传值的方式’
)}.then(res=>{
console.log(res);//后端传给前端返回的数据
)}
axios二次封装 (方便管理和更新)
可以解决:1.使得请求的url地址统一管理,2.往一些接口传递headers
使用流程:
1.引入axios
2.创建axios对象
3.设置请求拦截器(前端给后端发数据),headers给后端传递相应的token
4.响应拦截器(后端给前端返回数据)
一般使用axios,可以先对其进行一个默认配置,比如说默认的基础URL,请求信息等,之后再使用axios,url只要写路径接口即可,axios回自动将baseURL和url进行一个组件。
通过实例来创建一个axios对象,也可以直接调用
也可以用封装好的,调用
拦截器:当一个axios发送请求时,先通过请求拦截器,再到响应拦截器,最后再执行自己的返回。