一、前端参数较多无法使用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 = window.URL.createObjectURL(blob)
link.download = fileName
link.click()
window.URL.revokeObjectURL(blob)
}
}

二，单独的get方法下载文件

const downLoadFunc (url) {
if (window.navigator.msSaveBlob) {
window.open(url,’_blank’)
} else {
const link = document.createElement(‘a’)
link.style.display = ‘none’
link.href = url
link.click()
}
}
页面调用
import { downLoadFunc} from ’@/utils/index.js‘
exportFile() {
const url = ‘下载地址’
downLoadFunc(url)
}