温州高端品牌网站建设,房地产市场分析及前景,wordpress网站不稳定,做投资的网站好网络请求库-axios库 认识Axios库为什么选择Axios库安装Axios axios发送请求常见的配置选项简单请求可以给Axios设置公共的基础配置发送多个请求 axios创建实例为什么要创建axios的实例 axios的拦截器请求拦截器响应拦截器 axios请求封装 认识Axios库
为什么选择Axios库
在游览… 网络请求库-axios库 认识Axios库为什么选择Axios库安装Axios axios发送请求常见的配置选项简单请求可以给Axios设置公共的基础配置发送多个请求 axios创建实例为什么要创建axios的实例 axios的拦截器请求拦截器响应拦截器 axios请求封装 认识Axios库
为什么选择Axios库
在游览器中发送XMLHttpRequests请求在node.js中发送http请求支持Promise API拦截请求和响应转换请求和响应数据 支持多种请求
安装Axios
npm i axiosaxios发送请求
常见的配置选项 简单请求 get或者post请求 post的参数第二个是data 也可以这样写
可以给Axios设置公共的基础配置 发送多个请求 打印的内容
axios创建实例
为什么要创建axios的实例
axios模块中导入对象时使用的实例是默认的实例给该实例一些默认配置的时候这些配置就被固定下来如果后续开发的项目某些配置想要不一样比如某些请求需要使用特定的基地址等等这个时候我们就可以创建新的实例并且传入属于该实例的配置信息
// 可以创建多个实例针对不同的地址
// 创建其他实例发送网络请求
const instancel axios.create({baseURL: ,
})
instancel.post(, {name: 乞力马扎罗
}).then(res {console.log(res)
})// 创建其他实例发送网络请求
const instancel2 axios.create({baseURL: ,timeout: 6000,headers: ({})
})axios的拦截器
对实例配置拦截器
请求拦截器
开始loading的动画对原来的配置进行一些修改header认证登录请求参数的修改
axios.interceptors.request.use((config) {//请求成功的拦截返回配置信息,如果修改完记得把config返回回去return config
}, (err) {//请求失败的拦截return err
})响应拦截器
axios.interceptors.response.use((res){// 响应成功的拦截return res.data
},(err){console.log(响应失败)
})axios请求封装
这个我有独自封装二次封装可以搜索一下哦
