axios下载文件

最新推荐文章于 2024-07-02 09:23:10 发布

木叶二柱子

最新推荐文章于 2024-07-02 09:23:10 发布

阅读量506

点赞数

分类专栏： VUE 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/lzy2213811239/article/details/125559408

版权

VUE 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

axios下载文件

好处：

可添加查询数据（url有范围控制）
可进行Token验证

实现

this.$axios({
	method: 'get',
	url: '/task/export',
	responseType: 'blob'
}).then(res => {
	const filename = res.headers["content-disposition"];
	const blob = new Blob([res.data]);
	var downloadElement = document.createElement("a");
	var href = window.URL.createObjectURL(blob);
	downloadElement.href = href;
	downloadElement.download = decodeURIComponent(filename.split("filename"）[1].substring(1, filename.split("filename")[1].length));
	document.body.appendChild(downloadElement);
	downloadElement.click();
	document.body.removeChild(downloadElement);
	window.URL.revokeObjectURL(href);
})