Axios 通过a标签下载文件 跨域下载

html 复制代码
 <!-- a标签占位 -->
    <a ref="down"  ></a>
javascript 复制代码
 getTest() {


        this.$axios.request({

          url: 'https://cnv13.55.la/download?file_key=3695fa9461a0ae59cf3148581e4fe339&handle_type=excel2pdf',
          method: 'get',
          responseType: 'blob', // 切记类型 blob

        }).then(res => {

          const url = URL.createObjectURL(res.data)
          this.$refs.down.href = url //转化成本地url
          this.$refs.down.download = '123456.pdf'//下载的文件名字
   		  this.$refs.down.click() //点击a标签

        })
相关推荐
徒 花几秒前
HCIA知识整理2
开发语言·php
承渊政道几秒前
【优选算法】(实战领略前缀和的真谛)
开发语言·数据结构·c++·笔记·学习·算法
xiaoliuliu123453 分钟前
Dev C++ 5.11开发编辑器 安装教程:详细步骤+自定义安装路径(附简体中文设置)
开发语言·c++
暗不需求4 分钟前
JavaScript 面向对象探秘:从构造函数到原型链的优雅继承
前端·javascript
闻哥5 分钟前
深入理解 InnoDB 的 MVCC:原理、Read View 与可见性判断
java·开发语言·jvm·数据库·b树·mysql·面试
圣光SG7 分钟前
奶茶店网页(纯HTML和CSS)
前端·css·html
kyriewen7 分钟前
你还在给每个图片父元素加类名?CSS :has() 让选择器“逆天改命”
前端·css·面试
漫天黄叶远飞9 分钟前
async/await 到底怎么工作的?
前端
爱敲代码的菜菜12 分钟前
【Redis】Redis基本操作
java·数据库·redis·缓存·hash·zset
ai_xiaogui18 分钟前
PanelAI前端全面升级!私有化部署AI面板控制台+生态市场一键管理详解
前端·人工智能·comfyui一键部署·生态市场算力共享·ai面板控制台·panelai私有化部署·大模型前端管理