在React中下载Excel文件大小的问题

Question

我正在与Spring-3.9.3一起工作，创建Excel文件并尝试从React下载它们。该代码与小文件尺寸(50KB(一起正常运行，这不仅仅意味着React Localhost Web没有响应。

我不知道该如何解决问题，因为我不知道该错误是来自春季还是React库。

代码来自您可以在此处找到的教程：https://rieckpil.de/howto-up-and-and-download-files-with-react-and-spring-boot/

//react code from react
class App extends Component {
  downloadExcel = () => {
    fetch('http://localhost:8080/api/files')
      .then(response => {
        const filename =  response.headers.get('Content-Disposition').split('filename=')[1];
        response.blob().then(blob => {
          let url = window.URL.createObjectURL(blob);
          let a = document.createElement('a');
          a.href = url;
          a.download = filename;
          a.click();
      });
   });
  }  
  render() {
    return (
      <div className="App-intro">
        <h3>Download an excel file</h3>
        <button onClick={this.downloadExcel}>Download</button>
      </div>
    )
  }
}

，这里有我正在使用的弹簧代码：

//spring
@RestController
@RequestMapping(method = RequestMethod.GET, value = "/api/files")
@CrossOrigin(value = {"*"}, exposedHeaders = {"Content-Disposition"})
public class FileBoundary{

    @GetMapping
    public void getEntitiesXLS(HttpServletRequest request, HttpServletResponse response) throws Exception, IOException, InvalidFormatException{     
        Workbook workbook = new XSSFWorkbook();
        Sheet sheet = workbook.createSheet("Contacts");
            //create the excel file with Apache POI library
            response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
            response.setHeader("Content-Disposition", "attachment; filename="tickets.xlsx"");
        workbook.write(response.getOutputStream());
    }
}

我可以在Spring Console中看到该请求，但是React Web中没有响应。有人知道这个解决方案吗？谢谢！

Answer 1

好吧，问题是微观的超时响应。