Amazon S3 CORS 能否解決 Firefox 的跨域字體載入問題？

Amazon S3 CORS 和 Firefox 跨域字體載入

背景

背景

背景

<?xml version="1.0" encoding="UTF-8"?>
<corsconfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <corsrule>
        <allowedorigin>https://mydomain.com</allowedorigin>
        <allowedmethod>GET</allowedmethod>
        <maxageseconds>3000</maxageseconds>
        <allowedheader>Content-*</allowedheader>
        <allowedheader>Host</allowedheader>
    </corsrule>
    <corsrule>
        <allowedorigin>https://*.mydomain.com</allowedorigin>
        <allowedmethod>GET</allowedmethod>
        <maxageseconds>3000</maxageseconds>
        <allowedheader>Content-*</allowedheader>
        <allowedheader>Host</allowedheader>
    </corsrule>
</corsconfiguration>

背景

背景

。歷史上有從不同於當前網頁的來源載入字體時遇到困難，特別是當字體儲存在CDN。儘管已經提出了各種解決方案，但 Amazon S3 跨來源資源共享 (CORS) 的引入提出了是否可以使用 CORS 解決此問題的問題。

CORS 配置 下面提供了已成功實施來解決此問題的Amazon S3 CORS 配置：的意義此配置中的AllowedMethod (GET) 和AllowedHeader (Content-*) 設定至關重要。 查詢字串解決方法在某些情況下，開發人員可能會遇到以下問題： Cloudfront 快取 Access-Control-Allow-Origin 標頭。為了解決這個問題，AWS 工作人員建議使用查詢字串來區分來自不同網域的請求。 透過為每個網域使用唯一的查詢字串，例如“?https_a.domain.com”和“?http_b. domain.com”，Cloudfront 將傳回不同的Access-Control-Allow-Origin 值，允許跨域加載字體。

以上是Amazon S3 CORS 能否解決 Firefox 的跨域字體載入問題？的詳細內容。更多資訊請關注PHP中文網其他相關文章！