axio深入实例以及配置

定义实例instance,使用实例

let instance = new axios.create({baseURL:”http:localhost:8080“,timeOut:1000
})
instance.get('/data.json').then(res=>{console.log(res)})

axios配置项

axios.create({baseURL:"" ，//请求域名，基本地址timeOut:"",  //请求超时时间url:"", //请求路径pa'ramsL:"", //请求参数拼接在url上method:"", //请求方法：get,post,put,patch,deletedata:"",  //请求参数放在请求体headers:{token:""} //请求头
})

axios全局配置

axios.defaults.baseURL = "http://localhost:8080";
axios.defaults.timeOut = 1000

axios实例配置

let instance = new axios.create({baseURL:”http:localhost:8080“,timeOut:1000
})

axios请求配置

axios.get('./data.json',{timeOut:2000
})

优先级：全局配置<实例配置<请求配置

拦截器：包括请求拦截，响应拦截，取消拦截器;

//请求拦截器
axios.interceptors.request.use(config=>{//发送请求前做什么return config
},err=>{//请求错误时做什么return Promise.reject(err)
})
//响应拦截器
axios.interceptors.response.use(res=>{//响应成功对响应数据的处理return res
},err=>{
//响应错误时做什么return Promise.reject(err)
})
//取消拦截器
axios.interceptors.request.use(config=>{config.headers={auth:trun}return config
})
//实例 登录接口
let instance = new axios.create()
instance.interceptors.request.use(config=>{config.headers.token=""return config
})
instance.get("/get").then(res=>{console.log(res)}).cathc(err=>{console.log(err)});
//不需要登录
let instance2 = new axios.create();
instance2.get("/get").then(res=>{console.log(res)}).catch(err=>{console.log(err)})

取消请求

let source = axios.Canceltoken.source()
axios.get("/get",{cancelToken = source.token
}).then(res=>{console.log(res)
}).catch(err=>{console.log(err)
})
//取消请求
source.cancel("cancel http")

错误处理实际开发中一般统一添加错误处理

let instance = new axios.create({})instance.get("/get").then(res=>{console.log(res)})instance.get("/get2").then(res=>{console.log(res)})instance.interceptors.request.use(config=>{return config},err=>{//请求http错误代码 401(请求超时) 400(未找到)$("#popup").show()setTimeout(() => {$("#popup").hide()}, 1000);return promise.reject(err)})instance.interceptors.response.use(res=>{return res},err=>{$("#popup").show()setTimeout(() => {$("#popup").hide()}, 1000);//响应http错误代码500(服务器错误) 502(重启)return Promise.reject(err)})

axio深入实例以及配置相关推荐

mysql多实例安装配置_MySQL多实例安装配置
MySQL进行多实例配置再生产环境中非常常见,比如一些高配置数据库服务器,就会跑多个MySQL实例,借助多实例绑定的方式提高服务器的整体资源利用率.另外在MySQL5.7以上版本还不支持多源复制时,当 ...
mysql 多实例应用配置部署指南
一,Mysql 多实例的作用的问题 1,有效利用服务器的资源当单个服务器资源有剩余的时候,可以充分利用剩余的资源以提供更多的服务 2,节约服务器的资源当公司资源紧张,但是数据库各自需要独立提供服务 ...
RAC+单实例DATAGUARD 配置
(以下为作业内容) 1.配置一个基于归档日志的RAC到单节点standby的data guard,贴出主要的配置操作. 2.分别从RAC的两个节点切换日志,让归档传到standby,在standby上 ...
实例工厂配置bean
通过调用实例工厂方法创建 Bean 实例工厂方法: 将对象的创建过程封装到另外一个对象实例的方法里. 当客户端需要请求对象时, 只需要简单的调用该实例方法而不需要关心对象的创建细节. 要声明通过实例工 ...
MySQL 5.7 多实例单配置多实例多配置文件安装 | 资料
01 MySQL 5.7 多实例单配置文件安装 1.创建mysql用户以及组 groupadd mysql useradd -r -g mysql -s /bin/false mysql 2.创建My ...
Unirech腾讯云代充-关于腾讯云国际版云服务器实例调整配置常见问题
Unirech腾讯云代充-关于腾讯云国际版云服务器实例调整配置常见问题腾讯云国际版云服务器如何查看调整配置的记录? 1.登录腾讯云国际版云审计控制台. 2.在操作记录页面,根据实际需求,选择用户名. ...
百度智能云服务器BCC实例在线配置变更
您可以根据需求灵活的调整BCC实例的配置,包括CPU.内存.系统盘.弹性带宽等. 升级CPU和内存背景信息对预付费形式的BCC实例,支持CPU.内存.网络带宽等资源从低到高进行升级. 对于后付费的 ...
mysql多实例配置安装_Mysql 多实例安装配置方法一
Mysql 多实例安装配置方法一环境: 操作系统:ubutun 11.1 Mysql版本:mysql-5.5.19(二进制) 其他方法:mysqld_multi 以下步骤:在192.168.129. ...
MySQL在Windows和Linux平台上多版本多实例安装配置方法（5.5、5.6、5.7、8.0）
MySQL在Windows和Linux平台上多版本多实例安装配置方法(5.5.5.6.5.7.8.0) Linux下MySQL 5.5.5.6和5.7的RPM.二进制和源码安装参考: http:// ...
阿里云高主频计算型实例规格族cm4实例CPU配置性能和使用场景
阿里云ECS云服务器高主频计算型实例规格族cm4实例是已停售实例,InstanceTypes分享高主频计算型实例规格族cm4实例CPU配置性能.ECS规格族及应用场景: 高主频计算型实例规格族cm4实 ...

axio深入实例以及配置

axio深入实例以及配置相关推荐

最新文章

热门文章