javascript 从aws s3 url下载文件的Angular 15给出CORS错误

qij5mzcb  于 2023-03-16  发布在  Java
关注(0)|答案(1)|浏览(128)

我用javascript实现了从aws s3网址下载文件。它在我以前在vue2项目上的工作中起作用。我正在将这个功能克隆到Angular 15项目中。但是当用httpclient GET方法调用API时,它会给出CORS错误。
我也试过获取API,但仍然给我同样的CORS错误。但它在Chrome浏览器以不安全模式打开时工作。
与我发现的工作vue2项目的区别是,当我从angular 15项目下载文件时,它不会在网络选项卡中的conosle窗口上显示Reqeust标头。
和我设置的aws s3 cors配置与下面。

AWS CORS配置

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "GET",
            "HEAD"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": [
            "Content-Range",
            "Content-Length",
            "ETag"
        ],
        "MaxAgeSeconds": 3000
    }
]

安哥拉文字

export class DownloadControllerService {
  constructor(
    private httpClient: HttpClient
  ) {}

  getBlobFile(url: string): Observable<Blob> {
    return this.httpClient.get<any>(url, {
      responseType: 'blob' as 'json',
    });
  }
}

这是chrome控制台窗口中的标题图像。enter image description here
在这个问题上任何帮助都会很大。
谢谢

vq8itlhq

vq8itlhq1#

您还应允许OPTIONS http方法,以便可以发出印前检查请求。

相关问题