NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Diskuze: Bootstrap Žádost Cross-Origin zablokována

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
pehus
Člen
Avatar
pehus:29.4.2017 12:07

Zdravim,

predem se omlouvam, pokud jsem to zaradil do spatne sekce.

pouzivam na webovych strankach bootstrap.
web mam rozdeleny do subdomen:
example.com, novinky.example­.com, muj-ucet.example.com, forum.example.com, data.example.com.

jelikoz vsechny subdomeny pouzivaji stejne CSS,JS.... tak jsem si vytvoril subdomenu data.example.com kde mam umisteny bootstrap (js,css,img, apod...)

a kdyz chci zavolat treba na strance novinky.example.com nejake css tak adresa vypada: https://data.example.com/…trap.min.css

problem nastava, kdyz chci pouzit z bootstrapu nejaky glyphicon tak se nenacte v konzoli to vypisuje:

Žádost Cross-Origin zablokována: zásada stejného původu neumožňuje načtení vzdáleného zdroje na https://data.example.com/fonts/glyphicons-halflings-regular.ttf. (Důvod: chybí hlavička CORS 'Access-Control-Allow-Origin').

v bootstrap.min.css jsem zkousel nastavit absolutni cestu kde se volaji fonty

z
../fonts/glyphicons-halflings-regular.ttf
na
https://data.example.com/fonts/glyphicons-halflings-regular.ttf

nepomohlo.

zkousel jsem nastavit v .htaccess
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*" # i s cestou data.example.com
Header set Access-Control-Allow-Credentials true
</IfModule>
nepomohlo

nesetkal se nekdo s timto problemem?

Predem dekuji za rady.

 
Odpovědět
29.4.2017 12:07
Avatar
TomasGlawaty
Člen
Avatar
Odpovídá na pehus
TomasGlawaty:29.4.2017 13:47

Ahoj,
je to dané tím, že se z serveru A snažíš přistupovat k souborům serveru B. Server B musí zasílat halvičku Access-Control-Allow-Origin, kterou jsi zmiňoval, aby předal informaci o tom, že tyto soubory jsou dostupné pro server A.

Do virtual hostu pro data.example.com přidej

<FilesMatch "^.+(eot|svg|ttf|otf|woff2|woff)$"> # Zde vyjmenuj koncovky souborů, které chceš sdílet
    Header set "Access-Control-Allow-Origin" "https://data.example.com"
    Header set "Access-Control-Allow-Methods" "POST, GET, OPTIONS"
</FilesMatch>

Nevím, jeslti jsem úplně trefil terminologii, ale snad si rozumíme a snad to pomůže :)

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
29.4.2017 13:47
Avatar
pehus
Člen
Avatar
Odpovídá na TomasGlawaty
pehus:29.4.2017 14:08

funguje dekuji za pomoc!

 
Nahoru Odpovědět
29.4.2017 14:08
Avatar
TomasGlawaty
Člen
Avatar
Odpovídá na pehus
TomasGlawaty:29.4.2017 14:10

Není zač :)

 
Nahoru Odpovědět
29.4.2017 14:10
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.