我正在使用 axios 进行基本的 http 请求，例如 GET 和 POST，效果很好。现在我也需要能够下载 Excel 文件。使用 axios 可以实现吗？如果可以，有人有示例代码吗？
我正在使用 axios 进行基本的 http 请求，例如 GET 和 POST，效果很好。现在我也需要能够下载 Excel 文件。使用 axios 可以实现这一点吗？如果可以，有人有示例代码吗？如果没有，我还可以在 React 应用程序中使用什么来做同样的事情？
Axios.post 与 IE 等浏览器的解决方案
我在这里找到了一些很棒的解决方案。但它们通常没有考虑到 IE 浏览器的问题。也许这会为其他人节省一些时间。
axios.post("/yourUrl",
data,
{ responseType: 'blob' }
).then(function (response) {
let fileName = response.headers["content-disposition"].split("filename=")[1];
if (window.navigator && window.navigator.msSaveOrOpenBlob) { // IE variant
window.navigator.msSaveOrOpenBlob(new Blob([response.data],
{ type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }
),
fileName
);
} else {
const url = window.URL.createObjectURL(new Blob([response.data],
{ type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }));
const link = document.createElement('a');
link.href = url;
link.setAttribute('download',
response.headers["content-disposition"].split("filename=")[1]);
document.body.appendChild(link);
link.click();
}
}
);
上面的例子是针对 excel 文件，但稍加改动就可以应用于任何格式。
我在服务器上完成此操作以发送 Excel 文件。
response.contentType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
response.addHeader(HttpHeaders.CONTENT_DISPOSITION, "attachment; filename=exceptions.xlsx")