axios 请求接口获取文件流数据导出数据到excel,解决乱码

axios.get("URL",{
                params:{
                        data1:data1,
                        data2:data2
                },
                headers: { ‘Content-Type‘: ‘application/json,charset=utf-8‘},   
                responseType: ‘arraybuffer‘, //二进制流
            }

            ).then(res => {
                   console.log(res);
                   let blob = new Blob([res], { type: ‘application/vnd.ms-excel,charset=utf-8‘ });           
                   let url =window.URL.createObjectURL(blob);           
                   let link = document.createElement(‘a‘);           
                   link.download = ‘name.xlsx‘;           
                   link.href = url;           
                   link.click();
        })

原文地址:https://www.cnblogs.com/yaomin/p/10821065.html

时间: 2024-10-31 10:44:21

axios 请求接口获取文件流数据导出数据到excel,解决乱码的相关文章

vue-cli项目 build后请求本地static文件中的 json数据,路径不对,报错404处理方法

vue-cli 项目 build  出错点: 1,build生成dist 放在tomcat上 报错,不显示内容  解决办法: config>index.js===>assetsPublicPath: '/',  修改为 assetsPublicPath: './', note:如果css中图片不显示,打开“build/utils.js”,增加一行代码即可 2,用 axios 请求本地 static 文件中的JSON 文件报错, static文件不经过编译,需要配置根目录 解决办法:配置 'st

Vue-cli3.0项目下axios请求本地json文件的数据

1. Vue-cli3.0项目节省了很多文件,比如讲vue-cli3.0之前版本的build/dev-server.js配置放在了vue.config.js中. 2. 在Vue-cli3.0项目的vue.config.js或vue-cli3.0之前版本的build/dev-server.js中配置: const express = require('express')const app = express() var singer = require('./src/db/data/singer.

上传文件 用inputStream获取文件流

@RequestMapping("/pointsImport.do") public void StructureImport(HttpServletRequest request, HttpServletResponse response, Long driveId) { String msg = null; try { response.setContentType("text/html;charset=utf-8"); MultipartHttpServlet

axios请求接口的踩坑之路

1.跨域问题除了前端安装插件还需要后端php设置,设置如下 Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept, token Access-Control-Allow-Methods: OPTIONS,POST Access-Control-Allow-Origin: * 如果设置以后还不行,那就是phptinkp5带来的bug,查下文档即解决!!!! 2.使用axios(跨域)请求接口的时候,

通过文件流写入XML数据

通过文件流给已经存在的XML文件添加节点时,会通过文档对象加载流数据.在文档对象处理完数据之后,重新把数据写入XML文件时,因为默认是流结尾写入,那么会在XML文件中出现重复的数据.为了解决这个问题需要把流的长度设置为0,来重新写入XML文件. using(FileStream fs = new FileStream(GlobalParams.XmlFileName,FileMode.Open,FileAccess.ReadWrite)) { try { XDocument doc = XDoc

vue 中使用 axios 请求接口,请求会发送两次问题

在开发项目过程中,发现在使用axios调用接口都会有两个请求,第一个请求时,看不到请求参数,也看不到请求的结果:只有第二次请求时才会有相应的请求参数以及请求结果: 那为甚么会有这么一次额外的请求呢,后面经过查证资料发现: 如果只是普通的 ajax 请求,也不会发起这个请求,只有当 ajax 请求绑定了 upload 的事件并且跨域的时候,就会自动发起这个请求了.这样就很显然了,我们有 upload 事件绑定(一般都是本地调试,所以会有跨域),看了下 axios 文档,发现config配置文件中有

HttpRequest获取文件流,HttpResponse输出文件流

HttpResponse输出文件: Response.Clear(); Response.ContentType = "application/octet-stream"; //通知浏览器下载文件而不是打开 Response.AddHeader("Content-Disposition", "attachment; filename=aaa.csv"); var sw = new StreamWriter(response.OutputStrea

c# .Net :Excel NPOI导入导出操作教程之数据库表信息数据导出到一个Excel文件并写到磁盘示例分享

  string sql = @"select * from T_Excel"; ----------------DataTable Star----------------        DataTable dt = SqlHelper.ExecuteDataTable(sql);        if (dt.Rows.Count > 0)        {            //创建工作簿            IWorkbook workbook = new HSSFW

vue项目axios请求接口,后端代理请求接口404,问题出现在哪?

在vue项目中,列表数据需要用到qq音乐接口中的数据,但是直接请求不行,有host及referer限制,需要采用后端代理的方式.借助axios及node的express,在dev-server.js中实现后,重启项目,结果接口404了.代码如下: 仔细检查后,代码没问题:于是在apiRouts中console.log()打印信息,运行没有打印信息,意味着根本没有运行这部分代码.于是想到会不会是webpack版本更新,配置发生了改变导致的.所以仔细看了配置后,发现webpack.dev.conf.