Ako mám nahrať webcomponent domén?

0

Otázka

Môžete načítať webcomponents z iných domén?

Som stále cors chyba v firefox/linux.

Pridal som to do poriadku, ale stále sa nemôžete vložiť:

  add_header Access-Control-Allow-Origin *;

<html lang="en">
  <head>
      <meta charset="utf-8" />
      <script type="module" src="//briskreader.com/components/feed-list.js"></script>
  </head>
  <body>
    <feed-list topic="bitcoin"></feed-list>
  </body>
</html>

Tu je chyba:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://briskreader.com/components/feed-list.js. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

Loading module from “http://briskreader.com/components/feed-list.js” was blocked because of a disallowed MIME type (“text/html”).
test.html
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://briskreader.com/components/feed-list.js. (Reason: CORS request did not succeed).

Kacírstvo hlavička z briskreader.com:

$ curl -I 'https://briskreader.com/components/feed-list.js'
HTTP/2 200 
server: nginx/1.18.0 (Ubuntu)
date: Sun, 21 Nov 2021 06:30:51 GMT
content-type: application/javascript
content-length: 2187
expires: Sun, 21 Nov 2021 06:30:50 GMT
cache-control: no-cache
cache-control: no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0
access-control-allow-origin: *
accept-ranges: bytes
firefox nginx web-component
2021-11-20 05:37:14
1

Najlepšiu odpoveď

0

Webové komponenty nemá nič do činenia s CORS. Atribút type="module" na <script> značka spôsobuje CORS žiadosti. Na rozdiel od klasickej skripty, modul skripty požadovať používanie CORS protokol pre cross-pôvodu prijem.

Ďalej tento riadok add_header Access-Control-Allow-Origin *; je zbytočné o pôvode domény. Musíte nastaviť Access-Control-Allow-Origin hlavičky na briskreader.com domény. Ak nemáte kontrolu briskreader.coma potom zvážte použitie klasického scenára. Stále môžete použiť Webové komponenty s klasickou skriptu.

2021-11-21 06:06:13

Som si nastavte ho na briskrsader a je to stále nefunguje.
chovy

@chovy Môžete zdieľať odpoveď hlavičky pre vyžiadanie na //briskreader.com/components/feed-list.js?
Harshal Patil

aktualizované otázku, ako môžete vidieť, to má access-control-allow-origin: *
chovy

tak tu je ten problém. bol som pomocou http-server ktoré používa http a môj server presmerovaný http -> https ktoré nebude pracovať pre protokol agnostik url myslím, že. Divný.
chovy

Ak by som zmeniť src atribút modul z // na https:// funguje to v pohode.
chovy

V ideálnom prípade // malo by fungovať. Ale to je divné. Som rád, že to pre vás pracovali.
Harshal Patil

Som upvoted (z -1 hlas stav). [v mojom laik slová] // znamená: urobiť žiadosť s protokolom žiadateľa je spustený, tak stránku, podávané s HTTP robí HTTP požiadavky; potom HTTPY server bude blokovať, pretože je nezabezpečenú žiadosti. Postupujte 2 minúty vyhľadávania Google a budete mať veľa odpovedí.
Danny '365CSI' Engelman

Myslel som si, že briskreader.com je tiež slúži na http a nie len https.
Harshal Patil

V iných jazykoch

Táto stránka je v iných jazykoch

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................