aws s3跨域访问问题分析定位

最新推荐文章于 2025-06-11 14:48:20 发布

原创

最新推荐文章于 2025-06-11 14:48:20 发布 · 7.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#AWS

在将图片存储从七牛云迁移到AWS S3后，网站获取图片资源时遇到跨域问题。错误提示缺少'Access-Control-Allow-Origin'头。通过分析，发现需要配置S3的CORS规则来解决此问题。在S3存储桶的权限设置中找到CORS配置，允许所有源的跨源请求，从而成功解决问题。CORS（跨域资源共享）配置包括AllowedMethods（GET, PUT, POST, DELETE等）、AllowedOrigin（指定允许请求的源）和AllowedHeader（指定预检请求中允许的标头）等元素。" 133034617,19694574,Python GUI开发：Tkinter快速入门,"['Python', '前端开发', 'GUI框架']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述

公司把图片存储从七牛云迁移到aws s3，图片迁移完成后，在网站获取图片资源的时候，报错，提示跨域存在问题。提示语见下：
Access to Image at ‘’ from origin '’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘*’ is therefore not allowed access.

分析定位

由于也是第一次使用s3，对相关的规则不熟悉，走了很多弯路，前后端尝试了各种解决跨域的办法，后面通过查找CORS，找到了答案。CORS是什么呢？来看一下解释，跨域资源共享 (Cross-origin resource sharings)，知道它的概念，就知道了跨域需要用它来配置处理，接下来，让我们找一下s3里面的s3 CORS的配置。配置路径：s3->存储桶->权限->CORS配置，我们可以在这里编辑跨域访问s3资源的规则，默认时没有配置的。配置见下图：
配置截图配置完成后，问题解决，这是设置的是允许来自所有源的跨源请求，不做限制。

CORS配置

什么是CORS？Cross-origin resource sharings。下面来对CORS的配置做一下简单的讲解。
下面看一下我的配置，配置文件：

<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
    <AllowedOrigin>*</AllowedOrigin>
    <

最低0.47元/天解锁文章

200万优质内容无限畅学