web-dev-qa-db-ja.com

サブドメインのフォントがクロスオリジンリソースシェアリングポリシーによってブロックされました

Originの次のエラーが発生しました ' http://static.example.com 'は、クロスオリジンリソースシェアリングポリシーによってロードがブロックされました:いいえ 'Access-Control-Allow-Origin '要求されたリソースにヘッダーが存在します。したがって、オリジン ' http://www.example.com 'はアクセスを許可されません。

以下の.htaccessファイルで次のCOR設定を使用しています

<IfModule mod_expires.c>
  ExpiresActive on
  ExpiresDefault "access plus 1 month"
  ExpiresByType text/cache-manifest "access plus 0 seconds"

  ........

  <IfModule mod_headers.c>
     Header append Cache-Control "public"
     <FilesMatch "\.(ttf|otf|eot|woff|svg)$">
       SetEnvIf Origin "^http://(.*)?example.com$" Origin_is=$0
       Header set Access-Control-Allow-Origin %{Origin_is}e env=Origin_is
     </FilesMatch>
     <FilesMatch "\.(js|css|xml|gz)$">
       Header append Vary: Accept-Encoding
     </FilesMatch>
  </IfModule>
</IfModule>

これについて助けが必要です

13

.htaccessファイル:

# Allow font assets to be used across domains and subdomains
<FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
  <IfModule mod_headers.c>
     Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

この問題の詳細については、次の優れた記事をご覧ください。 https://expressionengine.com/learn/cross-Origin-resource-sharing-cors

15
bg17aw

これを.htaccessファイルに追加してみてください:

Header add Access-Control-Allow-Origin "http://example.com"

代替:

Header add Access-Control-Allow-Origin "*"
2
Joe

これも試すことができます

<FilesMatch ".(eot|ttf|otf|woff)">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>

詳細 https://davidwalsh.name/cdn-fonts

0