使用axios导出数据

使用axios导出excel数据

第一步利用iframe来进行数据的导出
设置 iframe.src为下载路径即可

const downloadUrl = url => {
  let iframe = document.createElement('iframe')
  iframe.style.display = 'none'
  iframe.src = url
  iframe.onload = function () {
    document.body.removeChild(iframe)
  }
  document.body.appendChild(iframe)
}
 

在数据返回后判断响应头的’content-type’
这里根据后台返回的格式去判断

service.interceptors.response.use(
  response => {
    if (response.headers && (response.headers['content-type'] === 'application/csv;charset=utf-8' || 
    response.headers['content-type'] === 'application/vnd.ms-excel')) {
      downloadUrl(response.request.responseURL)
    }
    }
  },

    return Promise.reject(error)
  }
)