axios 异步请求后台下载文件，页面弹框

最新推荐文章于 2023-12-27 17:28:39 发布

weixin_42634991

最新推荐文章于 2023-12-27 17:28:39 发布

阅读量598

点赞数

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

本文链接：https://blog.csdn.net/weixin_42634991/article/details/127670653

版权

vue 同时被 2 个专栏收录

10 篇文章 1 订阅

订阅专栏

4 篇文章 0 订阅

订阅专栏

return axios({
        url: `${BASE_URL}/${url}`,
        method: 'post',
        responseType: 'blob',
        params: tmp,
        data,
        headers: { 'Access-Control-Allow-origin': '*', 'Content-Type': 'application/json; charset=UTF-8' }
    }).then(resp => {
        let dataUrl = window.URL.createObjectURL(new Blob([resp]));
        let link = document.createElement('a');
        link.style.display = 'none';
        link.href = dataUrl;
        if (!fileName) {
            fileName = moment(new Date()).format('yyyyMMDDHHmmss') + '.csv';
        }
        // 设置新下载的文件名
        link.setAttribute('download', fileName);

        document.body.appendChild(link);
        link.click();
        window.URL.revokeObjectURL(url);
    });