首页 > 其他分享 >前端文件下载word乱码问题

前端文件下载word乱码问题

时间:2024-07-24 11:58:57浏览次数:15  
标签:文件 封装 请求 前端 乱码 源码 word 下载

记录一次word下载乱码问题:

用的请求是axios库,然后用Blob去接收二进制文件

思路:现在的解决办法有以下几种,看看是对应哪种,可以尝试解决

1.将响应类型设为'blob',这也是最重要的,如果没有解决那么请往下看

2.Mock.js组件库问题,mock.js的配置文件源码中会将response,将入口中引入的的mock注释掉

3.将响应到的response数据中的data,转为Blob对象,注意data才是我们要的文件

4. 请求体结构问题,结构我们一定要看清,不要把responseType放错位置

以上就是最常见的几种文件下载错误或者乱码问题啦。下面附上整体下载源码

1.请求封装

2.下载功能封装

3.请求封装

 结尾:9829

 

标签:文件,封装,请求,前端,乱码,源码,word,下载
From: https://blog.csdn.net/qq_67996188/article/details/140658716

相关文章

  • 面试常考--前端性能优化之大文件上传
    大文件上传是前端开发中常见的需求之一,特别是在需要处理高清图片、视频或其他大型文件时。优化大文件上传不仅可以提升用户体验,还能有效减轻服务器负担。本文将深入探讨大文件上传的几种常见优化技术,包括文件切片与并发上传、断点续传、后台处理优化、安全性考虑和用户体验优化。......
  • 关于时间格式存入Redis里面乱码的问题
    java的LocalDateTime时间类型不能转json传输,一般都是用这两个注解解决@JsonDeserialize(using=LocalDateTimeDeserializer.class)@JsonSerialize(using=LocalDateTimeSerializer.class)  @JsonDeserialize:json反序列化注解,用于字段或set方法上,作用于setter()方法,将jso......
  • JAVA导出Excel文档水印包含中文变成乱码了(变成口了)
     在服务器执行下 fc-list:lang=zh如果为空说明没有中文字体,所以中文没法渲染,这样的话只能在项目里面自己引入字体 伪代码如下//加载外部字体文件Fontfont=null;try{InputStreamawardFontFile=Thread.currentThread().getCo......
  • 为什么用于 POST REQUEST 的标头不起作用,但使用 Auth 却可以工作? (WordPress)
    我正在尝试将数据库(SQLite)作为JSON文件发送并将其发布在Wordpress中(我还想编辑行和列等),但是当我这样做时,在python中使用请求库做一个简单的帖子会抛出这个问题当我使用这行代码时出错:header={"user":username,"password":password}response=requests.po......
  • 前端之ECharts快速搭建图表教学
    一.非工程化开发下1.通过jsdelivr引入ECharts的js文件<scriptsrc="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js"></script>2.从官网找到中意的图表样式(这里以饼状图为例) 官网直达  ECharts官网<!DOCTYPEhtml><html><head><metacha......
  • 前端开发大屏适配几种方案
    方案一:vw(单位)假设设计稿尺寸为1920*1080,直接使用 vw 单位,屏幕的宽默认为100vw,那么100vw=1920px,1vw=19.2px。新建px2vw.scss/使用scss的math函数@use"sass:math";//默认设计稿的宽度$designWidth:1920;//默认设计稿的高度$designHeight:1080;/......
  • 前端模块化CommonJS、AMD、CMD、ES6
    在前端开发中,模块化是一种重要的代码组织方式,它有助于将复杂的代码拆分成可管理的小块,提高代码的可维护性和可重用性。CommonJS、AMD(异步模块定义)和CMD(通用模块定义)是三种不同的模块规范,它们在定义模块、加载模块以及依赖管理等方面存在差异,并适用于不同的场景。CommonJS、A......
  • 前端页面:用户交互持续时间跟踪(duration)user-interaction-tracker
    引言在用户至上的时代,精准把握用户行为已成为产品优化的关键。本文将详细介绍user-interaction-tracker库,它提供了一种高效的解决方案,用于跟踪用户交互的持续时间,并提升项目埋点的效率。通过本文,你将了解到如何在Vue、React以及其他框架中使用这个工具,助你更好地理解用......
  • WordPress安装详细教程
    1主机空间要求要运行 WordPress,主机空间需满足以下条件。不过现在网络上的空间基本都可以,而且还让你随意定制Php和Mysql版本,至于空间和数据库大小就更不用说了,一句话,有钱就可以任性。环境:Linux+Nginx(Apache)+Mysql+Phpphp: 5.6+Mysql: 5.0+空间:100m+数据库大小......
  • WordPress 网站通常在顶部或侧边栏提供搜索栏
    WordPress网站通常在顶部或侧边栏提供搜索栏。只需输入要查找的关键词,然后按回车或单击“搜索”按钮即可。筛选搜索结果搜索栏还会显示筛选选项,以缩小搜索结果范围。可以使用以下筛选器:类别:按类别过滤文章。标签:按标签过滤文章。日期:按发表日期过滤文章。作者:按作者过滤文章。......