返回流类型接口的错误信息处理

返回流类型接口的错误信息处理

    • 前言
    • axios拦截器src/utils/request.ts
    • 对应接口

前言

返回流类型接口需要在响应成功回调里拦截,且该接口的status始终是200,尽管后端返回的code可能是非2xx,因此返回流类型的接口,其错误信息需要单独处理。

axios拦截器src/utils/request.ts

import axios, { type AxiosResponse } from 'axios'
import { ElMessage } from 'element-plus'
import Nprogress from 'nprogress'
import 'nprogress/nprogress.css'
import { getToken } from '@/utils/token'
import router from '@/router/index'
import { environment } from '@/evn.config'const service = axios.create({baseURL: environment.VITE_APP_BASE_URL.includes('http')? environment.VITE_APP_BASE_URL: window.location.origin,
})// 不需要token
const whiteList = ['/auth/oauth/token', '/register']service.interceptors.request.use((config) => {Nprogress.start()const unneededToken = whiteList.includes(config.url as string)if (!unneededToken) {const token = getToken()if (token && Object.getOwnPropertyNames(token).length) {// eslint-disable-next-line no-param-reassignconfig.headers.Authorization = `Bearer ${token.access_token}`}}return config},(err) => Promise.reject(err)
)service.interceptors.response.use((response: AxiosResponse) => {// isNoAccess = 0Nprogress.done()const { config, data, status, headers } = responseconsole.log(response, config, data, status, headers, 'response-success')// 下载和预览if (config.url?.includes('downloadBatch') ||config.url?.includes('previewUrl')) {let fileName = ''if (headers['content-disposition']) {const arr = headers['content-disposition'].split(';')// eslint-disable-next-line no-restricted-syntaxfor (const item of arr) {if (item.search('filename') !== -1) {const arr1 = item.split('=')fileName = decodeURIComponent(arr1[arr1.length - 1])break}}} else {const fileReader: any = new FileReader()fileReader.readAsText(data, 'utf-8')fileReader.onload = () => {const result = JSON.parse(fileReader.result as string)// 错误提示信息,根据接口返回内容ElMessage.error(result?.message)}}return {data: {data,fileName,},}}if (status !== 200) {ElMessage.error({message: data.message,duration: 4000,})return Promise.reject(response)}// 流接口返回错误处理// if (!data.code && data.type === 'application/json') {// 	const fileReader = new FileReader()// 	fileReader.readAsText(data, 'utf-8')// 	fileReader.onload = () => {// 		const result = JSON.parse(fileReader.result as string)// 		ElMessage.error(result.message)// 	}// 	return null// }if (!data.success && data.code) {ElMessage.error({message: data.message,duration: 4000,})}return data},(error) => {Nprogress.done()console.log(error, 'response-error')if (error.response?.data.code && error.response?.data.code === '2007') {// 手动点击退出登录时,系统token过期 不提示信息if (error.response.config.url !== '/system/user/userLogout') {ElMessage.error('登录状态过期,请重新登录')}const url = router.resolve({path: '/middleBackLogin',query: {loginKey: 'tokenNoAccess',},})window.open(url.href, '_self')} else {ElMessage.error({message: error.message,duration: 4000,})if (error.code === 'ERR_NETWORK') {// 网络问题  强制清除缓存localStorage.clear()// 页面刷新window.location.reload()}}return Promise.reject(error)}
)export default service

在这里插入图片描述

对应接口

在这里插入图片描述

import request from '@/utils/request'
import type { AxiosResponse } from 'axios'
import qs from 'qs'/*** 预览申请* @returns*/
export function previewUrl(id: number | string): Promise<AxiosResponse> {return request({url: `/datawarehouse-api/resourceApply/previewUrl/${id}`,responseType: 'blob', // 因为是流文件,所以要指定blob类型   这里响应blob,axios拦截器是无法拦截接口报错的msg的method: 'get',})
}/*** 下载申请* @returns*/
export function downloadBatch(params = {}): Promise<AxiosResponse> {return request({url: '/datawarehouse-api/resourceApply/downloadBatch',responseType: 'blob', // 因为是流文件,所以要指定blob类型method: 'get',params,// paramsSerializer: get请求,处理数组参数// 传的是:// ids: [xxx,xxx]// 负载为:// ids: xxx    // ids: xxxparamsSerializer(params) {return qs.stringify(params, { arrayFormat: 'repeat' })},})
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/887078.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Python入门(13)--并发编程

Python并发编程&#xff1a;从入门到实践 &#x1f680; 1. 多线程编程基础 &#x1f9f5; 多线程是实现并发的重要方式&#xff0c;Python提供了threading模块来支持多线程编程。 1.1 基本线程操作 import threading import time from typing import List, Callableclass …

工程师 - 智能家居方案介绍

1. 智能家居硬件方案概述 智能家居硬件方案是实现家庭自动化的重要组件&#xff0c;通过集成各种设备来提升生活的便利性、安全性和效率。这些方案通常结合了物联网技术&#xff0c;为用户提供智能化、自动化的生活体验。硬件方案的选择直接影响到智能家居系统的性能、兼容性、…

SMMU软件指南操作之翻译过程概述

安全之安全(security)博客目录导读 下图展示了每个传入事务&#xff08;transaction&#xff09;所经过的简化过程。本节描述了顶层翻译过程。 一个传入事务遵循以下步骤&#xff1a; 1. 如果 SMMU 被全局禁用&#xff0c;事务将直接通过 SMMU 而不进行任何地址改变。全局属性…

特征交叉-MaskNet文章总结代码实现

MaskNet 这个模型是微博21年提出的&#xff0c;23年twitter(X)开源的推荐系统排序模块使用的backbone结构。 核心思想是认为DNN为主的特征交叉是addictive&#xff0c;交叉效率不高&#xff1b;所以设计了一种multiplicatvie的特征交叉 如何设计muliplicative特征交叉呢&#x…

QT 实现仿制 网络调试器(未实现连接唯一性) QT5.12.3环境 C++实现

网络调试助手&#xff1a; 提前准备&#xff1a;在编写代码前&#xff0c;要在.pro工程文件中&#xff0c;添加network模块。 服务端&#xff1a; 代码&#xff1a; widget.h #ifndef WIDGET_H #define WIDGET_H#include <QWidget> #include <QtWidgets> #inclu…

Vscode写markdown快速插入python代码

如图当我按下快捷键CRTLSHIFTK 自动出现python代码片段 配置方法shortcuts’ 打开这个json文件 输入 {"key": "ctrlshiftk","command": "editor.action.insertSnippet","when": "editorTextFocus","args&…

【案例】泛微.齐业成助力北京中远大昌汽车实现数电票全流程管理

中远大昌统一发票共享平台上线三个多月以来&#xff0c;实现&#xff1a; 5000份 60000元 发票开具 成本节约 客户简介及需求分析 北京中远大昌汽车服务有限公司&#xff08;以下简称“中远大昌”&#xff09;成立于2002年&#xff0c;是中远海运集团所属香远&#xff08;北…

使用docker快速部署Nginx、Redis、MySQL、Tomcat以及制作镜像

文章目录 应用快速部署NginxRedisMySQLTomcat 制作镜像镜像原理基于已有容器创建使用 Dockerfile 创建镜像指令说明构建应用创建 Dockerfile 文件创建镜像 应用快速部署 Nginx docker run -d -p 80:80 nginx使用浏览器访问虚拟机地址 Redis docker pull redis docker run --…

雅思阅读TFNG题型7大解题思路

雅思阅读TFNG题型7大解题思路&#xff0c;全在这了‼️ ⚠️在徘徊在6-6.5的同学有很大的共性就是对题型不够熟悉&#xff0c;我记得我当时卡6.5的时候我有时候分不清NG和F&#xff0c;有时候又分不清NG 和True&#xff0c;也不知道他有哪几种考我的方法&#xff0c;脑子里没有…

家政服务系统开发,智慧家政,便捷生活

近年来&#xff0c;大众对家政服务的需求不断增加&#xff0c;家政服务种类也逐渐多样化&#xff0c;涵盖了日常生活中的各个方面&#xff0c;为大众带来更急优质的服务&#xff0c;进一步提升了家政市场的发展。 在数字化发展的推动下&#xff0c;互联网家政服务的模式应运而…

重生之我在学环境变量

环境变量 基本概念 环境变量(environment variables)一般是指在操作系统中用来指定操作系统运行环境的一些参数如&#xff1a;我们在编写C/C代码的时候&#xff0c;在链接的时候&#xff0c;从来不知道我们的所链接的动态静态库在哪里&#xff0c;但 是照样可以链接成功&#…

Java基础夯实——2.7 线程上下文切换

线程上下文切换&#xff08;Thread Context Switching&#xff09;是操作系统在多线程环境中&#xff0c;切换CPU从执行一个线程的上下文到另一个线程的上下文的过程。这种切换是实现多线程并发执行的核心机制之一。 1 上下文: 线程的上下文指线程在某一时刻的执行状态,如&am…

AI模型简介

深度学习模型种类繁多&#xff0c;可以根据任务类型和应用场景进行分类。以下是主要模型类型的详细介绍&#xff0c;每种模型包含了其特点、功能、代表性模型&#xff0c;以及常见应用。 1. 分类模型 分类模型是深度学习中最基本也是最广泛应用的模型类型&#xff0c;其目标是…

Failed to start Docker Application Container Engine

说明&#xff1a; 1&#xff09;访问应用业务&#xff0c;读取不到数据&#xff0c;show databases;查看数据库报错 2&#xff09;重启docker服务&#xff0c;服务启动失败&#xff0c;查看日志报错如下图所示 3&#xff09;报错信息&#xff1a;chmod /data/docker: read-only…

SQL 语句执行计划中的连接方式

SQL 语句执行计划中的连接方式 join操作 join操作基本分为3大类&#xff1a;外连接&#xff08;细分为&#xff1a;左连接&#xff08;Left outer join/ left join&#xff09;、右连接&#xff08;right outer join/ right join&#xff09;、全连接&#xff08;full outer …

如何理解Lua 使用虚拟堆栈

虚拟堆栈的基本概念 Lua使用虚拟堆栈来实现Lua和C&#xff08;或其他宿主语言&#xff09;之间的交互。这个虚拟堆栈是一个数据结构&#xff0c;用于存储Lua的值&#xff0c;如数字、字符串、表、函数等。它在Lua状态机&#xff08;lua_State&#xff09;内部维护&#xff0c;为…

FileProvider高版本使用,跨进程传输文件

高版本的android对文件权限的管控抓的很严格,理论上两个应用之间的文件传递现在都应该是用FileProvider去实现,这篇博客来一起了解下它的实现原理。 首先我们要明确一点,FileProvider就是一个ContentProvider,所以需要在AndroidManifest.xml里面对它进行声明: <provideran…

【大数据知识】ClickHouse入门

ClickHouse入门 概述一、主要应用场景二、技术特点三、性能表现四、限制与不足五、使用建议 分布式架构一、架构特点二、核心组件三、数据组织方式四、分布式查询原理五、优势与局限性 核心架构一、ClickHouse执行过程架构二、ClickHouse数据存储架构 为什么速度这么快存储层&a…

C# .Net Core通过StreamLoad向Doris写入CSV数据

以下代码可以只关注StreamLoad具体实现。 1.创建StreamLoad返回值Model public class StreamLoadResponse {public long TxnId { get; set; }public string Label { get; set; }public string Comment { get; set; }public string TwoPhaseCommit { get; set; }public string…

golang 嵌入式armv7l压缩编译打包

编译 Go 应用程序 go build -ldflags"-s -w" -o myapp.exe . 使用 UPX 压缩可执行文件&#xff08;window下载并设置环境变量&#xff09; upx --best --lzma myapp.exe 可从10M压缩到1M 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 …