response.data的值等于 Arraybuffer

最新推荐文章于 2024-12-10 17:40:10 发布

原创最新推荐文章于 2024-12-10 17:40:10 发布 · 494 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

这篇博客讲述了如何在接收到ArrayBuffer类型的响应数据时，使用TextDecoder和JSON.parse进行数据转换。通过创建新的TextDecoder实例，以'utf-8'编码解码Uint8Array，并将解码后的结果解析为JSON对象，从而正确处理和解析服务器返回的数据。

如果response.data的值等于 Arraybuffer
需要进行转义

interceptors.response.use(
	response => {
	 	const enc = new TextDecoder('utf-8')
  		const data = JSON.parse(enc.decode(new Uint8Array(response.data)))
	}
)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Web995

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue.js使用axios动态获取response里的data数据操作

11-19

在本文中，我们将探讨如何动态地从axios的response对象中的data属性获取数据，特别是在data是一个对象且其键（key）是动态的情况下。通常，当我们从服务器获取数据时，axios会将响应的数据放在response对象的data...

js判断响应头！！！axios属性responseType设置为arraybuffer格式的使用

weixin_50692948的博客

10-17

333

js判断响应头！！！axios属性responseType设置为arraybuffer格式的使用

参与评论您还未登录，请先登录后发表或查看评论

接口设置responseType: “arraybuffer“；导致识别不了报错信息问题

zhou13528482267的博客

08-28

2305

请求时的responseType的值设为arraybuffer，但是注意，这会引起一个问题，返回结构的data中所有内容都会是这种格式，包括json和字符串，因此，如果是其他的报错信息，也无法按之前的方式打印。然后创建a标签，设置路径（window.URL.createObjectURL(blob)），用.download设置文件名称，然后通过.click()来自动下载。后台返回的标志信息都无法获取，无法区分是否正确，因此，跟后台协商，添加请求头参数（或者修改请求头参数），通过请求头参数来判断正确错误。

blob与arraybuffer

weixin_30488085的博客

06-14

547

参考链接： https://www.jianshu.com/p/67702e025ede 转载于:https://www.cnblogs.com/fan-zha/p/11023281.html

ES6 ArrayBuffer 概述

歪脖先生的博客

02-07

737

概述 ES6 ArrayBuffer对象、TypedArray视图和DataView视图是 JavaScript 操作二进制数据的一个接口。这些对象早就存在，属于独立的规格（2011 年 2 月发布），ES6 将它们纳入了 ECMAScript 规格，并且增加了新的方法。它们都是以数组的语法处理二进制数据，所以统称为二进制数组。这个接口的原始设计目的，与 WebGL 项目有关

前端简单公共下载方法

liao_jin_yun的博客

11-02

466

文件下载

responseType设置arraybuffer 后 response.data为{}

06-01

如果设置了`responseType`为`arraybuffer`，则`response.data`将返回一个`ArrayBuffer`对象，而不是JavaScript对象。因此，你可以使用`new Uint8Array(response.data)`将`ArrayBuffer`对象转换为字节数组，然后再将...

import axios, { AxiosError } from 'axios'; import { ElMessage } from "element-plus"; import router from "@/router/index"; const service = axios.create({ baseURL: "/", timeout: 5000 }); service.interceptors.request.use( async (config) => { if (localStorage.getItem("Authorization")) { config.headers.Authorization = localStorage.getItem("Authorization") || ""; } const expiresAt = localStorage.getItem('expirationTime'); if (!config.headers.isLogin && expiresAt && new Date().getTime() > expiresAt - 1000*60*10) { // 提前十分钟刷新token await refresh(); const newToken = localStorage.getItem('Authorization'); config.headers.Authorization = newToken; } return config; }, (error: AxiosError) => { return Promise.reject(); } ); service.interceptors.response.use( (response) => { if (response.config.responseType === 'blob' || response.config.responseType === 'arraybuffer') { return response; } if (response.status === 200) { if (response.data.code === 401) { ElMessage.error('登录过期，请重新登录'); localStorage.clear(); sessionStorage.clear(); router.push("/login").then(); } if (response.data.code !== 200) { ElMessage.error(response.data.msg); return Promise.reject(response.data.msg); } return response.data; } else { ElMessage.error(response.data.msg); return Promise.reject(response.data.msg); } }, (err: AxiosError) => { if(err.response) { if(err.response.data) { err.response.data.msg?ElMessage.error(err.response.data.msg):ElMessage.error(err.response.data.message); }else { if(err.response.message) { ElMessage.error(err.response.message); }else { ElMessage.error('网络故障，请检查网络'); } } return err.response.data?Promise.reject(err.response.data):Promise.reject(err.message); }else { ElMessage.error('网络故障，请检查网络'); } } ); let refreshTokenInProgress = false; const refresh = async () => { if (refreshTokenInProgress) { // 如果有其他请求正在进行，则不需要再次请求 return; } refreshTokenInProgress = true; try { const res = await axios.post('/api/auth/refreshToken',{},{headers:{'Authorization':localStorage.getItem('Authorization')}}) if(res.data.code==200) { localStorage.setItem('expirationTime', new Date().getTime() + 1000 * 60 * 60); localStorage.setItem('Authorization', res.data.data); }else if(res.data.code==401){ ElMessage.error('登录过期，请重新登录'); router.push("/login").then(); localStorage.clear(); sessionStorage.clear(); } } catch (error) { // 处理token刷新失败的情况 ElMessage.error(error.data.msg); return Promise.reject(error.data.msg); } finally { refreshTokenInProgress = false; } }; export default service;

08-27

return response.data.accessToken; }); } ``` ### 服务封装为了更好地管理和复用代码，可以将上述逻辑封装成一个服务模块，提供统一的接口供其他组件调用。这不仅提高了代码的可读性和可测试性，还简化了错误...

plus.io 怎么实现ArrayBuffer类型文件写入

06-17

responseType: 'arraybuffer', success: (res2) => { if (res2.data instanceof ArrayBuffer) { writeArrayBufferToFile(fileName, res2.data); // 调用写入函数 } }, fail: (err) => { console.error("下载...

flask 返回response = Response(zip_buffer, mimetype='application/zip') response.headers.set('Content- 前端response.data是空字符串，是为什么