首页 > 其他分享 >vue 处理后端返回的文档流

vue 处理后端返回的文档流

时间:2023-03-13 15:36:15浏览次数:39  
标签:返回 vue console log err url res link 文档

xiazai(){
      this.$_api.kanbanApi
      .Get({
        responseType: 'blob',
        url: 'KanbanItemData/exportExcel' //`${this.selectComponents.config.dataUrl}/exportExcel`
      }).then(res=>{
        console.log(res,'下载模板');
      }).catch(err=>{
        console.log(err,'err'); //响应封装问题  正常应该在then中
         const url = window.URL.createObjectURL(new Blob([err],{type:"application/vnd.ms-excel;charset=utf-8"}));
            const link = document.createElement('a');
            link.href = url;
            let fileName = '下载'+".xlsx";
            link.setAttribute('download', fileName);
            document.body.appendChild(link);
            link.click();
      })
    },

  

标签:返回,vue,console,log,err,url,res,link,文档
From: https://www.cnblogs.com/qinyuanchun/p/17211583.html

相关文章

  • 如何通过C#/VB.NET从PowerPoint文档中提取图片
    PowerPoint是用于制作幻灯片(演示文稿)的应用软件,每张幻灯片中都可以包含文字、图形、图形、表格、声音和影像等多种信息。有时候我们发现在PPT里面有一些精美的图片,或者其他......
  • photo-sphere-viewer 3D浏览插件中文文档
    安装photo-sphere-viewer运行终端命令npminstallphoto-sphere-viewer安装后在页面内引入//主体import{Viewer}from"photo-sphere-viewer";import"phot......
  • ckeditor粘贴word文档图片的技术
    ​ 自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑......
  • Python常见面试题013.请说出下面的代码返回结果是什么?
    013.请说出下面的代码返回结果是什么?*的坑;简单题参考:https://docs.python.org/zh-cn/3.9/library/stdtypes.html#typesseq示例代码lists=[[]]*3lists[0].appen......
  • vue常见的优化手段
    前提:永远不要过早地优化,仅在影响运行、卡的不行的时候才优化[参考]代价:代码会变得难以阅读,开发难度增大使用key对于通过循环生成的列表,应给每个列表项一个稳定且唯一......
  • vue开发本地跨域配置(代理proxy)
    问题我们本地调试一般都是npmrunserve,然后打开本机ip:8080(localhost:8080)对吧,这时候我们要调接口调试,后端的接口的地址可能在测试环境,也可能是自己电脑的ip,总之不是你......
  • vue-cli-service build --mode 区分多个环境
    有些时候,我们的项目会打包部署到多个环境,可能在不同环境中,我们需要进行区分,做不同的操作,这时候我们可以利用打包的--mode。1.首先在package.json增加打包各模式的命令语......
  • win10win11右键---新建文本文档消失的解决方案
    1.按下win+R打开运行,键入:regedit打开注册表编辑器,展开HKEY_CLASSES_ROOT,找到.txt,选中.txt,查看右侧“默认值”是不是txtfile,如果不是,就双击修改成txtfile。win10到此恢复......
  • Vue.js框架:单个div盒子(元素)放至全屏显示
    一、页面元素需要全屏展示的div或其他元素标签的id要设置,方便获取dom节点。再添加一个可以触发点击事件的元素进行操作。<divid="fullDom"><span@click......
  • windows部署vue项目:nginx
    一点废话:vue部署这个事儿原本是打算写上下两篇的,上篇nginx下篇tomcat,很完美。奈何笔者太菜tomcat还没学会,只好附点使用记录,等实操过了再来补全。在此立个flag,期待一下我薛......