CORS policy: No ‘Access-Control-Allow-Origin’ [Lösung]

Der Access-Control-Allow-Origin Header gibt an, ob die Ressourcen mit dem angegebenen Ursprung genutzt werden kann.

    Inhaltsangabe
  1. Das Problem
  2. Die Lösung

Ich hatte vor einiger Zeit ein Problem mit meiner alten Webseite und hatte einen Blogbeitrag dazu geschrieben. Jetzt habe ich diesen Beitrag auf meinen neuen Blog übertragen. Es geht um die folgende Fehlermeldung:

Access to Font at ‘https://www.konzeptcode.com/wp-content/themes/konzeptcode-theme/fonts/fontawesome/fontawesome-webfont.woff2?v=4.3.0’ from origin ‘https://reta.konzeptcode’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘https://reta.konzeptcode’ is therefore not allowed access.

Das Problem

Ich habe versucht, eine Ressource von der Quelle einer Domain zu laden, obwohl ich mich gerade in einer Subdomain befinde. Ich habe von https://ht.konzeptcode.com versucht auf https://konzeptcode.com zuzugreifen. Das muss gesondert erlaubt werden.

Die Lösung

Ihr habt unterschiedliche Wege um dieses Problem zu umgehen. Falls ihr die Ressourcen nur temporär von dort laden werdet und Google Chrome nutzt, empfehle ich euch ein Plugin zu installieren.

Falls ihr jedoch die Ressourcen immer von einer anderen Subdomain laden werdet, könnt ihr diese Fehlermeldung anhand einer Änderung an der htaccess Datei umgehen.

Header set Access-Control-Allow-Origin "*"
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
Header set Access-Control-Allow-Origin "*"
RewriteCond %{HTTP_HOST} ^konzeptcode.com$ [NC]
RewriteRule (.*) https://www.konzeptcode.com/$1 [R=301,L]
# add a trailing slash to /wp-admin
RewriteRule ^wp-admin$ wp-admin/ [R=301,L]
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
RewriteRule ^(wp-(content|admin|includes).*) $1 [L]
RewriteRule ^(.*\.php)$ $1 [L]
RewriteRule . index.php [L]

Themen

Apache Erfahrung Programmieren Technik Tipps Website WordPress

Beitrag teilen

WhatsAppen

Folgen Sie uns