import axios from 'axios' import { Message } from 'element-ui' import { saveAs } from 'file-saver' import { getToken } from '@/utils/auth' const baseURL = process.env.VUE_APP_BASE_API export default { name(name, isDelete = true) { var url = baseURL + "/common/download?fileName=" + encodeURI(name) + "&delete=" + isDelete axios({ method: 'get', url: url, responseType: 'blob', headers: { 'Authorization': 'Bearer ' + getToken() } }).then(async (res) => { const isLogin = await blobValidate(res.data); if (isLogin) { const blob = new Blob([res.data]) this.saveAs(blob, decodeURI(res.headers['download-filename'])) } else { this.printErrMsg(res.data); } }) }, resource(resource) { var url = baseURL + "/common/download/resource?resource=" + encodeURI(resource); axios({ method: 'get', url: url, responseType: 'blob', headers: { 'Authorization': 'Bearer ' + getToken() } }).then(async (res) => { const isLogin = await blobValidate(res.data); if (isLogin) { const blob = new Blob([res.data]) this.saveAs(blob, decodeURI(res.headers['download-filename'])) } else { this.printErrMsg(res.data); } }) }, zip(url, name) { var url = baseURL + url axios({ method: 'get', url: url, responseType: 'blob', headers: { 'Authorization': 'Bearer ' + getToken() } }).then(async (res) => { const isLogin = await blobValidate(res.data); if (isLogin) { const blob = new Blob([res.data], { type: 'application/zip' }) this.saveAs(blob, name) } else { this.printErrMsg(res.data); } }) }, file(url) { var url = baseURL + url axios({ method: 'get', url: url, responseType: 'blob', headers: { 'Authorization': 'Bearer ' + getToken() } }).then(async (res) => { // const isLogin = await blobValidate(res.data); // if (isLogin) { console.log("data", res.data) // // 下载创建的blob let url = window.URL.createObjectURL(res.data) let link = document.createElement('a') link.style.display = 'none' link.href = url console.log(8765, res.headers['content-disposition']) link.setAttribute('download', res.headers['content-disposition'].split('=')[1]) document.body.appendChild(link) link.click() // this.saveAs(blob,res.headers['content-disposition'].split('=')[1]) // } else { // this.printErrMsg(res.data.msg); // } }) }, saveAs(text, name, opts) { saveAs(text, name, opts); }, async printErrMsg(data) { Message.error(data); }, // 验证是否为blob格式 async blobValidate(data) { try { const text = await data.text(); JSON.parse(text); return false; } catch (error) { return true; } } }
使用方法
download.file(`/system/database/table/export/${this.databaseId}/${this.tableName}`, 'admin')
标签:const,url,data,导出,headers,blob,res,数据 From: https://www.cnblogs.com/yan122/p/16849978.html