web-dev-qa-db-ja.com

ヘッダーが設定されている間、Apache2 Cross-Origin Request Blocked

私のウェブサイトはCDNを使用しており、Chrome Firefoxでは問題ありませんが、次のエラーが発生します。

Cross-Origin Request Blocked：Same Origin Policyは http://static.website.com/wp-content/themes/themename/fonts/font-name.woff のリモートリソースの読み取りを許可しません。これは、リソースを同じドメインに移動するか、CORSを有効にすることで修正できます。

私のウェブサイトの.htaccessファイルを確認したところ、この種類のファイル（フォント）をリクエストすると、ヘッダーが*​​に開かれていることに気付きました。

これが私が設定したものです：

<FilesMatch "\.(svg|ttf|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

CDNからフォントを提供できるようにするために、他に何をする必要があるか。

apache-2.2firefoxcross-domainfont
4
Shahar Galukman

最終的に解決策を見つけました。

ファイルはCDNに提供され、ウェブサイトから直接提供されないため、バケットにCORSを設定する必要がありました（Amazon S3を使用）。

これを行う方法に関するいくつかの情報があります

1
Shahar Galukman