文件流下载数据

最新推荐文章于 2024-03-04 14:33:10 发布

QAEARQ

最新推荐文章于 2024-03-04 14:33:10 发布

阅读量345

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/QAEARQ/article/details/90751436

本文介绍了一个使用Vue.js实现文件下载的过程，通过fetch API与后端进行交互，利用Blob对象创建文件下载链接，并根据当前活动名称调用不同的后端获取详细信息的方法。该方法适用于需要从前端触发文件下载的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

fetch(Vue.prototype.baseUrl + urls, {
    method: 'POST',
    headers: {
        'Content-Type': 'text/plain',
        'token': JSON.parse(sessionStorage.getItem('ms_username')).token
    }
})
    .then(res => res.blob())
    .then(data => {
        let blobUrl = window.URL.createObjectURL(data);
        const a = document.createElement('a');
        a.style.display = 'none';
        a.download = [type + '.txt'];
        a.href = blobUrl;
        a.click();
        if (this.activeName === 'first') {
            this.getPrintingDetailSKU()
        } else {
            this.getPrintingDetail()
        }
    });