vue通过ajax的方式进行文件下载

vue通过ajax的方式进行文件下载

export function download(url, params) {
  return new Promise((resolve, reject) => {
    axios({
      //   和后端协商好下载方法post/get?
      method: 'Post',
      url: url,
      data: params,
      headers: {
        'Content-Type': 'application/json'
      },
      responseType: 'blob'
    })
      .then((res) => {
        console.log(res)
        // const fileName = res.headers['content-disposition'].split('filename=')[1]
        const fileName = '采购' + new Date().toLocaleString() + '.xlsx'
        const response = res.data
        const r = new FileReader()
        r.onload = () => {
          try {
            const resData = JSON.parse(this.result)
            if (resData) {
              if (resData.error_no === undefined) {
                throw new Error('解析成功！')
              } else if (resData.error_no !== '0') {

              }
            }
          } catch (err) {
            // 兼容ie11
            if (window.navigator.msSaveOrOpenBlob) {
              try {
                const blobObject = new Blob([response])
                window.navigator.msSaveOrOpenBlob(blobObject, fileName)
              } catch (e) {
                console.log(e)
                reject(e)
              }
              return
            }
            const url = window.URL.createObjectURL(new Blob([response]))
            const link = document.createElement('a')
            link.style.display = 'none'
            link.href = url
            link.setAttribute('download', fileName)
            document.body.appendChild(link)
            link.click()
          }
        }
        r.readAsText(response)
        resolve()
      })
      .catch((error) => {
        console.log(error)
        reject(error)
      })
  })
}