【Vue】axios发请求下载excel--20230630

news/2024/7/5 1:53:07

1.关键点:

  • blob
  • 乱码
  • 传参

2.参考资料:处理blob文件流和乱码问题

https://blog.csdn.net/qq_41512902/article/details/125680531
在这里插入图片描述

https://blog.csdn.net/qq_38804584/article/details/109238794
在这里插入图片描述

3.我的代码:axios发请求下载excel

js代码

    download_dlt_report(method,url,data,headers){
      axios({
          method: "post",
          url: 'https://dltapi.wistron.com/dlt/skillcard/download', // 请求地址
          data:{
            "plantCode":"P1",
            "currentPage": 1,
            "pageSize": 10
          },
          headers:{
              'Content-Type': 'application/json',
              'Authorization': "Bearer ********************************************",
          },
          responseType: "blob" // 表明返回服务器返回的数据类型
          // responseType: "arraybuffer",
        }).then(
          (response) => {
            console.log('response',response)
            let fileName = "skillcard" + Date.parse(new Date()) + ".xlsx";
            if (window.navigator.msSaveOrOpenBlob) {
              navigator.msSaveBlob(response, fileName);
            } else {
              let link = document.createElement("a");
              link.href = window.URL.createObjectURL(new Blob([response.data],{type: "application/vnd.ms-excel"}));
              link.download = fileName;
              link.click();
              window.URL.revokeObjectURL(link.href);
            }
          },
          (err) => {
            reject(err);
          }
        );
    },

在这里插入图片描述


http://lihuaxi.xjx100.cn/news/1293878.html

相关文章

JAVA开发运维(linux环境防火墙与端口开启使用总结记录)

一、问题背景: 将web项目开发完成,需要上到生产环境。那么我们应用调用的一些ip,端口都是要设置的,比如说应用提供给谁访问,那些人不能访问,应用的端口是多少,也是需要开启才能访问的。在实际研…

git杀手级功能 —— 分支管理

目录 分支介绍 创建分支 切换分支 和并分支 删除分支 合并冲突 分支管理策略 分支策略 bug分支 其他问题 强行删除临时分支 结语 分支介绍 在版本回退里发现:每次提交,git都会把它们穿成一条时间线,而这条时间线就可以理解为一个分支…

玩机搞机---另类操作 修改原生卡刷包转换为线刷包方式刷机

偶然给安卓机型刷写原生安卓的系统。可能其第三方twrp原因或者底包原因导致卡刷一直报错。虽然最终写入开机,但浪费时间,究其原因还在于分区切换和挂载分区导致的。写这篇博文的意义不是在于让玩家按步骤转换线刷,只是明白其分区写入的原理 索…

关于Jetpack DataStore(Proto)的六点疑问

前言 上篇分析了DataStore(Preferences)的使用与原理,本篇接着阐述DataStore的另一种实现形式:DataStore(Proto)。 通过本篇文章,你将了解到: 1. 为什么需要Proto? DataStore(Preferences)对标SharedPreferences&a…

SC5102接口可pin对pin兼容TLK2501

SC5102 用于超高速双向点对点数据传输系统。SC5102 支持 1.6Gbps 至 3.2Gbps 的有效串行接口速度,提供高达 3.2Gbps 的数据带宽。可pin对pin兼容TLK2501。 SC5102 可替代并行传输数据结构从而减少传输路径数、连接端子数、发送/接收端子数。并行数据被发送链路转换成…

第四章 完善特殊场景

完善特殊场景 当前我们使用sscanf来读取输入,sscanf有一些缺点。如果它正在读取的字符串大于它正在读取的缓冲区,则会导致缓冲区溢出并开始写入意外位置。 我们需要在每个字符串复制到 Row 结构之前检查每个字符串的长度,防止输入过长的字符…

【网络安全带你练爬虫-100练】第1练:发送请求获取返回内容

目录 一、前置知识1 二、前置知识2 requests库的7个主要方法 语法: 注解: 三、扩展工具 四、网络安全小圈子 一、前置知识1 顾名思义网络爬虫第一步,爬取目标 URL的网页的信息 可以使用 urllib.request 和 requests发送请求&#xff0…

three.js 最小环境搭建

完整目录: 1、html <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title><st…