首页 > 其他分享 >vue3 axios导出 tar.gz圧缩包

vue3 axios导出 tar.gz圧缩包

时间:2024-12-28 17:41:30浏览次数:5  
标签:axios const tar downloadLink gz myhostname vue import

<el-button class="submitconfirm" type="danger" @click="exportSubmitHandle" >导出</el-button>     <script lang="ts" setup>   import { Document, Menu as IconMenu, Location, Setting } from "@element-plus/icons-vue";     import useView from "@/hooks/useView";   import { IFunction, IObject } from "@/types/interface";   import { defineComponent, computed,onMounted, reactive, ref, toRefs, watch,onBeforeUnmount } from "vue";   import { ElMessage, ElMessageBox } from "element-plus";   import baseService from "@/service/baseService";   import type { TabsPaneContext } from 'element-plus'

import logo from "@/assets/images/logo.png"; import { EMitt, ESidebarLayoutEnum, EThemeSetting } from "@/constants/enum"; import emits from "@/utils/emits"; import { getThemeConfigCacheByKey } from "@/utils/theme"; import { useAppStore } from "@/store";
import Logo from "./logo.vue"; // import "@/assets/css/header.less"; // ---------------------------------------------
// ------------------------------------------------- import { mapState, mapActions } from 'vuex'; import { useStore } from 'vuex'; // --------------------------------------------------- // --------------------------------------------------------------------------- import Expand from "../layout/header/expand.vue"; import Innerfloor from "./innerfloor.vue"; // --------------------------------------------- import app from "@/constants/app"; import axiosrequest from '@/service/axiosrequest'; import axios, { AxiosRequestConfig, AxiosResponse } from 'axios'; // ------------------------------------------------------------------------------
   const myhostname = ref(""); onMounted(()=>{   myhostname.value = sessionStorage.getItem("myhostname") as string;   });
  const requestExportParam = reactive({     conf:"debug",     action: "export_logs" });
const exportSubmitHandle = () => {       axios.post(myhostname.value + '/action', JSON.stringify(requestExportParam), {       headers: {         'Content-Type': 'multipart/form-data'       },       responseType: 'blob' // 设置响应类型为Blob,以接收文件流     })     .then((response) => {       // 创建一个Blob URL       const blobUrl = window.URL.createObjectURL(new Blob([response.data]));       // 创建一个链接元素       const downloadLink = document.createElement('a');       downloadLink.href = blobUrl;       downloadLink.download = 'archive.tar.gz'; // 设置下载文件名       // 触发下载       document.body.appendChild(downloadLink);       downloadLink.click();       document.body.removeChild(downloadLink);     })     .catch((error) => {       console.error('Error downloading the tar archive:', error);     }); }; </script>

标签:axios,const,tar,downloadLink,gz,myhostname,vue,import
From: https://www.cnblogs.com/yebinghuai/p/18637721

相关文章

  • Camstar Portal 弹出层的使用:父子页面值传递
    效果如下在Onload方法注册事件protectedoverridevoidOnLoad(EventArgse){try{base.OnLoad(e);SearchBtn.Click+=newEventHandler(SearchBtn_Click);TranslateDetails.RowSelected+=newJQGridEventHandler(TranslateDetails_S......
  • 【gopher的java学习笔记】Spring Boot Starter初探
    转到java这边后,这天需要搭一个java的webservice出来,如果是以前golang的话,那我就可以非常熟练的用gin搭建一个webservice出来,核心逻辑就是写好一些rest接口实现后再加上最为灵魂的一句://启动Gin服务器在8080端口router.Run(":8080")那来到java这边,我第一反应......
  • Android Studio使用Flutter拉取依赖出现Waiting for another flutter command to rele
    Waitingforanotherfluttercommandtoreleasethestartuplock...意思就是等待释放锁,通过Waitingforanotherfluttercommandtoreleasethestartuplock这些方法依旧不行。还是会出现,无论是kill掉dart进程、删除localfile文件还是重启电脑,都没有解决这个问题。最后我......
  • 【Container App】部署Contianer App 遇见 Failed to deploy new revision: The Ingre
    问题描述在部署ContianerApp时候,遇见Failedtodeploynewrevision:TheIngress'sTargetPortorExposedPortmustbespecifiedforTCPapps. 回到ContainerApp的门户,然后修改操作都会触发报错。均提示 TheIngress'sTargetPortorExposedPortmustbespecifiedfor......
  • StarRocks元数据无法合并
    一、先说结论如果您的StarRocks版本在3.1.4及以下,并且使用了metadata_journal_skip_bad_journal_ids来跳过某个异常的journal,结果之后就出现了FE的元数据无法进行Checkpoint的现象,那么选择升级版本到3.1.4以上,就可以解决。二、背景已经平稳运行了几个月的StarRocks集群突然奔溃......
  • css中的:target是什么选择器呢?
    在CSS中,:target是一个伪类选择器,它用于选择当前活动的目标元素。这通常与URL中的片段标识符(也称为“锚点”)一起使用,以突出显示或更改页面上特定元素的样式。当用户点击一个链接,该链接的href属性指向页面内的某个特定元素(通过ID指定)时,该元素就会成为“目标”元素。此时,你可以使......
  • tarjan 速成
    如题,这是一个只适合快速了解的文章,如果要学习tarjan那么请阅读其他文章。用\(Sub(i)\)表示\(i\)的子树,那么\(low_i\)表示\(Sub(i)\)中的节点和\(Sub(i)\)中的节点经过一条非树边可以到大的节点中\(dfn\)的最小值,用\(dfn_i\)表示\(i\)的时间。从随便一个节点开......
  • spring boot 增加dynamic-datasource-spring-boot-starter多数据源依赖,项目打包后运行
    在本地idea运行正常,打包部署后运行会报错,经过github查询是dynamic-datasource-spring-boot-starter3.3.0版本存在问题,需要升级到3.3.1以上版本就可以正常运行<dependency><groupId>com.baomidou</groupId><artifactId>dynamic-datasource-spring-boot-st......
  • 跟着 8.6k Star 的开源数据库,搞 RAG!
    https://www.cnblogs.com/xueweihan/p/18629166 过去9年里,HelloGitHub月刊累计收录了3000多个开源项目。然而,随着项目数量的增加,不少用户反馈:“搜索功能不好用,找不到想要的项目!”这让我意识到,仅仅收录项目是不够的,还需要通过更智能的方式,帮助用户找到心仪的开源项目。于......
  • PendingIntent 问题:Targeting S+ (version 31 and above) requires that one of FLAG_
    问题描述与处理策略1、问题描述TargetingS+(version31andabove)requiresthatoneofFLAG_IMMUTABLEorFLAG_MUTABLEbespecifiedwhencreatingaPendingIntent.StronglyconsiderusingFLAG_IMMUTABLE,onlyuseFLAG_MUTABLEifsomefunctionalitydepen......