Vue----axios拦截器的使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
import axios from 'axios'
 
export function request(config){
return new Promise((resolve, reject) => {
    //1.创建实例--配置
const instance = axios.create({
    baseURL: '地址'
    timeout: 5000
})
 
//2.axios拦截器--request请求拦截(需求:拦截后修改配置信息)---
instance.interceprors.request.use(config => {
    console.log(config);//这里打印的是一些成功后的请求配置信息
    //request请求拦截(需求:拦截后修改配置信息,2.配置请求动画图标3.某些网络请求-登录携带token
    return config  //拦截后要返回,不然报错,接收不到数据
}, err => {
    console.log(err);
})
 //响应拦截
instance.interceprors.response.use(res => {
   return res //返回--不认别的地方拿不到这个数据
}, err => {
     
})
 
//3.发送真正的网路请求--引用配置
instance(config)
    .then(res => {
        //将获取到的数据返回给引用者--通过resolve函数
        resolve(res)
    })
    .catch(err => {
        reject(err)
    })
})
}

  

posted @   小白咚  阅读(882)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示