时间戳

首页 > 解决方案 > AWS S3 存储桶中的 Angular 4 App 导致 CORS 错误

angular - AWS S3 存储桶中的 Angular 4 App 导致 CORS 错误

问题描述

我创建了一个 Angular 4 应用程序，并将其作为静态网站上传到 Amazons S3 Bucket。作为后端，我有一个 Spring Boot 应用程序作为 Elastic Beanstalk 上的 EC2 实例启动。现在，当 Angular 应用程序尝试向该后端发出请求时，我收到一个 xhr 错误。当我尝试使用 REST 客户端调用同一个端点时，一切正常。

我是否必须设置一些 S3 存储桶策略？

这是我当前对 S3 的 CORS 配置（但我认为它们仅适用于对 S3 的传入请求，不是吗？）

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
    <AllowedOrigin>http://*</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <AllowedMethod>PUT</AllowedMethod>
    <AllowedMethod>POST</AllowedMethod>
    <AllowedMethod>DELETE</AllowedMethod>
    <AllowedHeader>*</AllowedHeader>
</CORSRule>
</CORSConfiguration>

这是chrome的控制台输出： 在此处输入图像描述

标签： angularamazon-web-servicesamazon-s3amazon-elastic-beanstalk

解决方案

推荐阅读