Vue 通过a标签下载文件 跨域下载
【摘要】 <!-- a标签占位 --> <a ref="down" ></a> getTest() { this.$axios.request({ url: 'https://cnv13.55.la/download?file_key=3695fa9461a0ae59cf3148581e4fe339&handle_type=excel2pdf', ...
<!-- a标签占位 -->
<a ref="down" ></a>
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标签
})
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)