角度采样向下无法加载响应数据

Question

在我的Angular-12中，我尝试在Excel导入之前加载示例下载，以便用户查看下载模式：

服务：

downloadSample(): any {
  return this.http.get('http://localhost:8080/sample_download/countries.xlsx', {responseType: 'blob'});
}

downloadSample() {
  this.countriesService.downloadSample().subscribe((response: any) => { //when you use stricter type checking
    let blob:any = new Blob([response], { type: 'text/json; charset=utf-8' });
    const url = window.URL.createObjectURL(blob);
    fileSaver.saveAs(blob, 'countries.json');
    Swal.fire({
      position: 'center',
      icon: 'success',
      title: 'Sample File downloaded successfully',
      showConfirmButton: true,
      timer: 5000
    });
  }),
  Swal.fire({
    position: 'center',
    icon: 'error',
    title: 'Sample File downloaded Failed',
    showConfirmButton: true,
    timer: 5000
  });
}

<h5> Download the sample format of Excel sheet. <input type="button" (click)="downloadSample()" value="Download Excel Template"/></h5>

如何解决这些问题？

谢谢

Answer 1

可以通过将前端端口白名单化从后端侧修复，最有可能是4200个。