静态文件上传AWS S3后Summernote图标无法加载报错403求助
AWS S3 Font Awesome资源403错误排查方案
错误现象:静态文件上传至AWS S3存储桶后Font Awesome CSS文件无法加载,后台管理页面整体加载正常,但Summernote图标全部无法显示,控制台报错信息为 The server respond with a status of 403 (Forbidden)。
故障截图:
排查步骤
- 检查Font Awesome相关CSS、字体文件(.woff/.woff2/.ttf后缀)的ACL权限,确认已配置公开读取权限,或站点访问S3所用的身份拥有对应资源的
s3:GetObject权限。多数情况下是批量上传时,字体类文件的权限配置和其他可正常访问的静态文件不一致,私有权限导致403报错。 - 检查S3存储桶的CORS策略,确认你的后台管理页面域名在允许的Origin列表内,同时放开了GET请求的访问权限,跨域场景下字体资源的访问会触发CORS校验,配置错误也会返回403。
- 检查存储桶的资源策略,确认没有针对CSS、字体类后缀的拦截规则,也没有将访问后台的IP、源站域名加入禁止访问名单,同时权限的资源范围已覆盖Font Awesome文件的存储路径。
- 若使用CloudFront CDN回源S3,确认CDN的源站访问身份(OAC/OAI)已配置S3存储桶的读取权限,可尝试清理CDN缓存后重新访问,排除旧的403响应被缓存的可能。
- 若使用预签名URL访问静态资源,确认Font Awesome相关资源的预签名URL未过期,签名生成逻辑无错误。
内容的提问来源于stack exchange,提问作者Dinindu Theekshana
相关产品推荐
相关产品推荐

