我用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
在这个问题上任何帮助都会很大。
谢谢
1条答案
按热度按时间vq8itlhq1#
您还应允许
OPTIONS
http方法,以便可以发出印前检查请求。