vue+axios下载后台返回的文件流

//拦截器
axios.interceptors.response.use(response => {//数据拿到之后
    NProgress.done()
    if(response.headers['content-disposition']){//此判断主要是要取到content-disposition的值
        return response
    }else{
        return response.data
    }
}, error => {
    Message.error('访问异常,稍等刷新重试');
    return Promise.reject(error.response);
});

//http请求
postBlob(url){
    return axios({
        method: "post",
        baseURL: localhosts,
        url,
        headers: {
            // 在请求头里面加个  Authorization
            Authorization: sessionStorage.getItem('token'),
            "X-Auth-Token": sessionStorage.getItem('xAuthToken')
        },
        responseType:"blob"
    })
    .then(res => {
        return res;
    },
    err => {
        Message.error('导出失败');
        return err;
    });
},

//调用
download(){
    //this.api.downloadOrder为接口地址
    this.http.postBlob(this.api.downloadOrder)
    .then(res => {
        if(res){
            var fileName = decodeURI(res.headers['content-disposition'].split('=')[1]);
            var blob = new Blob([res.data]);
            if(window.navigator.msSaveOrOpenBlob){
                navigator.msSaveBlob(blob,fileName);
            }else{
                var a = document.createElement("a");
                a.download = fileName;
                a.href = window.URL.createObjectURL(blob);
                a.click();
            }
        }
    })
},

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值