ajax请求中需要添加responseType 类型为blob
例如： xhr.responseType = 'blob'
1、未指定responseType
未指定
2、指定
responseType指定
Vue中如下
export const getExcel = (params) => request({
url: '/api/file',
responseType: 'blob',
method: 'get',
params
})
下载
/**
* Download file
* @param {Bolb} b
*/
export const download = (content, filename = 'name') => {
const a = document.createElement('a')
// { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }
// xls类型: application/vnd.ms-excel
// xlsx类型：application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8
const href = URL.createObjectURL(new Blob([content], { type: 'application/vnd.ms-excel' }))
a.download = `${filename}.xls`
a.href = href
a.click()
URL.revokeObjectURL(href)
}
