一、前端参数较多无法使用get下载时,就需要使用post传参方式下载文件
1.页面接口,需要指定axios的responseType为blob比如
// 文件导出,下载接口
export function downLoadFile(data) {
return request({
url: BASE_URL + ‘downLoad/downLoadFile’,
method:‘post’,
responseType: ‘blob’,
data
})
}
2、页面调用
// 引入公共方法
import { saveResponseToFile } from ’@/utils/index.js‘
async exportFile () {
//参数自己定义
const data = {
}
const resp = await downLoadFile(data)
saveResponseToFile(‘resp’, ‘日志导出’)
}
3、公共方法(post和get都可以用这个方法)
export function saveResponseToFile(response, fileName) {
const blob = new Blob([response.data])
if (window.navigator.msSaveBlob) {
window.navigator.msSaveBlob(blob, fileName)
} else {
const link = document.createElement(‘a’)
link.style.display = ‘none’
link.href = w
前端(vue,js)使用get和post实现文件下载,公共方法
最新推荐文章于 2024-05-14 14:06:32 发布