后端返回文件内容前端怎么下载

前端可以通过 AJAX 或 Fetch API 请求后端返回的文件内容，然后使用 Blob 对象将返回的内容转换为二进制数据。接着，可以创建一个下载链接，将二进制数据作为 URL 对象的参数传入，再将下载链接添加到 DOM 中即可。

以下是一个基本的示例代码：

// 假设后端返回的文件内容为二进制数据
fetch('http://example.com/download')
  .then(response => response.blob())
  .then(blob => {
    // 创建下载链接
    const url = window.URL.createObjectURL(blob);
    const link = document.createElement('a');
    link.href = url;
    link.setAttribute('download', 'file.txt');
    // 添加到 DOM 中
    document.body.appendChild(link);
    // 模拟点击下载链接
    link.click();
  });

在这个示例中，我们使用 Fetch API 请求后端返回的文件内容，并将其转换为 Blob 对象。接着，我们创建一个下载链接，将 Blob 对象的 URL 作为链接的 href 属性值，将文件名设置为 download 属性值，并将下载链接添加到 DOM 中。最后，模拟点击下载链接即可触发文件下载。