前端下载时，出现err::netERR_FAULT的报错

Eshine、

已于 2024-08-27 11:09:10 修改

阅读量451

点赞数 2

分类专栏： vue3 文章标签：前端文件下载后台接口重定向时报错前端获取重定向链接

于 2024-08-27 10:55:45 首次发布

本文链接：https://blog.csdn.net/listener_life/article/details/141596715

版权

场景：文件下载时，前端通过axios请求后台接口，同时将文件的“半链接”传给该接口，此时后台会重定到文件下载的链接，如果文件过大时，部分浏览器则会出现上述报错，导致无法下载

解决方案：前端通过fetch请求该接口，然后获取到对应的重定向链接，然后通过前端下载即可

注意：在使用fetch请求时，要添加token

下边直接上代码

问题代码：

// 下载全部模板
const downloadModel = async () => {
  const url = '/common/url'
  if (url ) {
    tempDownload(url , '全部模板.zip')
  } else {
    ElMessage.warning('模板不存在！')
  }
}

// 前端下载方法
const tempDownload = async (url: string, fileName?: string) => {
  // 此处的接口，后台会发生重定向，导致部分浏览器在重定向时，产生报错
  const blob = await downloadPermission({ url })
  const a = document.createElement('a')
  a.style.display = 'none'
  const href = window.URL.createObjectURL(blob)
  a.href =