vue-aioxs interceptors拦截器的实际应用

最新推荐文章于 2023-10-31 10:45:12 发布

旺仔萝卜

最新推荐文章于 2023-10-31 10:45:12 发布

阅读量507

点赞数

分类专栏： vue 文章标签： vue axios interceptors

本文链接：https://blog.csdn.net/dx_zheng/article/details/111607979

版权

vue 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

本文介绍了axios的拦截器interceptors的使用，包括如何在请求之前修改请求头、添加参数以及添加请求反馈。全局拦截器和局部拦截器的示例展示了如何设置和使用，帮助理解在实际开发中如何进行请求的统一管理和定制化处理。

摘要由CSDN通过智能技术生成

axios的拦截器 interceptors的用途

axios的拦截器有什么作用呢？可以在请求之前做点什么操作，一般有三种：

修改请求头的一些配置项
给请求添加参数
给请求的过程添加一些请求的图标

全局拦截器

　　axios.interceptors.request.use(config=>{
　　　　console.log(1234);
　　　　return config
　　},err=>{
　　　　console.log(err)
　　})
　　axios({
　　　　url:"./json/01.json",
　　　　method:"get"
　　}).then(res=>{
　　　　console.log(res);
　　})

局部拦截器

let instance = axios.create({
　　　　baseURL:"./json/",
　　　　timeOut:5000
　　});
　　instance.interceptors.request.use(config=>{
　　　　console.log(1234);
　　　　return config
　　},err=>{
　　　　console.log(err)
　　})
　　instance({
　　　　url:"/01.json",
　　　　method:"get"
　　}).then(res=>{
　　　　console.log(res)
　　})