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)