AWS S3 + CloudFront:字体加载失败(CORS 问题)
创始人
2024-11-17 18:00:05
0

在AWS S3和CloudFront中,当加载字体时遇到CORS(跨域资源共享)问题时,可以通过以下方法解决:

  1. 配置S3桶的CORS规则:在S3桶的属性中,找到“权限”选项卡下的“跨域资源共享(CORS)”部分,点击“编辑”按钮,将以下配置添加到规则中:
[
    {
        "AllowedHeaders": ["*"],
        "AllowedMethods": ["GET"],
        "AllowedOrigins": ["*"],
        "ExposeHeaders": []
    }
]

上述配置允许所有来源(AllowedOrigins)的GET请求(AllowedMethods)访问该S3桶中的字体文件。如果你只希望特定的来源可以访问字体文件,可以将AllowedOrigins设置为相应的URL。

  1. 配置CloudFront的行为:在CloudFront的行为设置中,找到“缓存行为设置”部分,选择对应的行为,点击“编辑”按钮,将以下配置添加到“缓存策略设置”中:
{
    "AllowedMethods": [
        "GET", "HEAD", "OPTIONS"
    ],
    "CachedMethods": [
        "GET", "HEAD", "OPTIONS"
    ],
    "ForwardedValues": {
        "QueryString": false,
        "Cookies": {
            "Forward": "none"
        },
        "Headers": {
            "Quantity": 0
        },
        "QueryStringCacheKeys": {
            "Quantity": 0
        }
    },
    "MinTTL": 0,
    "DefaultTTL": 86400,
    "MaxTTL": 31536000,
    "Compress": true
}

上述配置允许对字体文件的GET、HEAD和OPTIONS请求,并且禁用了查询字符串(QueryString)和Cookie(Cookies)的转发,确保请求的Header中没有包含任何自定义的Header(Headers)。

  1. 更新字体文件链接:确保在HTML或CSS文件中,字体文件的链接是通过CloudFront域名加载的,而不是直接使用S3桶的链接。例如,使用类似于https://[CloudFront域名]/[字体文件路径]的链接。

通过以上方法配置后,应该可以解决AWS S3和CloudFront中加载字体时的CORS问题。记得清除浏览器缓存,以便获取最新的字体文件。

相关内容

热门资讯

据统计!pokemomo辅助软... 据统计!pokemomo辅助软件,八张透视辅助,演示教程(有挂细节)1、全新机制【八张透视辅助ai辅...
明白辅助挂!红龙poker作弊... 明白辅助挂!红龙poker作弊指令,奇迹脚本辅助,大纲教程(有挂方针)1、游戏颠覆性的策略玩法,独创...
目前!德州圈脚本,德普之星辅助... 目前!德州圈脚本,德普之星辅助器,积累教程(真的有挂)1、操作简单,无需德普之星辅助器手机版透视脚本...
相较于以往!智星菠萝有挂吗,来... 相较于以往!智星菠萝有挂吗,来来拼十辅助免费辅助,方针教程(存在有挂)1、首先打开来来拼十辅助免费辅...
据通报!德扑之心免费透视,广东... 据通报!德扑之心免费透视,广东雀神挂机怎么样,步骤教程(有挂方略)1、该软件可以轻松地帮助玩家将广东...
有玩家发现!aapoker真的... 有玩家发现!aapoker真的假的,闲聚辅助器,绝活儿教程(讲解有挂)1)闲聚辅助器免费钻石:进一步...
方法辅助挂!德州局脚本,博雅红... 方法辅助挂!德州局脚本,博雅红河西元红河挂,方式教程(有挂讲解)1、博雅红河西元红河挂免费辅助多个强...
有玩家发现!扑克之星辅助,jj... 有玩家发现!扑克之星辅助,jj斗地主外卦,讲义教程(有挂分析)1、进入到jj斗地主外卦是否有挂之后,...
黑科技辅助挂!hhpoker辅... 黑科技辅助挂!hhpoker辅助,陕麻圈辅助开挂软件,妙招教程(有挂详情);1、下载好陕麻圈辅助开挂...
为切实保障!epoker透视底... 为切实保障!epoker透视底牌,哈局八张辅助,总结教程(有挂方略)1、该软件可以轻松地帮助玩家将哈...