ยังไงฉันเรียก webcomponent ข้ามโดเมน?

0

คำถาม

คุณไม่โหลด webcomponents จากโดเมน?

ฉันกำลัง cors เกิดข้อผิดพลาดในไฟร์ฟอกซ์ name/ระบบลินุกซ์.

ฉันเพิ่มนี้เพื่อ nginx แต่ยังไม่สามารถโหลดมัน:

  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>

นี่เป็นข้อผิดพลาดคือ:

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).

Heres ส่วนหัวจาก 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

คำตอบที่ดีที่สุด

0

บนเว็บส่วนประกอบมีอะไรต้องทำกับ CORS. ที่แอททริบิวต์ type="module"<script> ป้ายกำกับทำให้ CORS อยากขอให้ช่วยอะไรหน่อย ไม่เหมือนกับคลาสสิกสคริปต์, ศูนย์ควบคุม kde ในโมดูลสคริปต์ ต้องการคนใช้ของ CORS โพรโทคอลสำหรับแข่งต้นกำเนิดกำลังทำการดึงข้อมูล.

ต่อบรรทัดนี้ add_header Access-Control-Allow-Origin *; ไม่มีประโยชน์บนต้นกำเนิดอโดเมนด้านบน คุณต้องตั้งค่า Access-Control-Allow-Origin ส่วนหัวอยู่ briskreader.com โดเมนด้านบน ถ้าคุณทำไม่ได้ควบคุม briskreader.comแล้วพิจารณาโดยใช้คลาสสิคสคริปต์ คุณยังสามารถใช้บนเว็บส่วนประกอบกับดนตรีคลาสสิคสคริปต์

2021-11-21 06:06:13

ฉันทำตั้งค่ามันใน briskrsader และมันยังไม่ได้ทำงานอยู่
chovy

@chovy คุณสามารถแบ่งปันตอบสนองส่วนหัวสำหรับสิ่งที่ร้องขอมาต้องการที่จะ //briskreader.com/components/feed-list.js?
Harshal Patil

ปรับปรุงคำถามอย่างที่คุณสามารถเห็นมัน access-control-allow-origin: *
chovy

ดังนั้นนี่คือปัญหา ฉันใช้ http-server ซึ่งใช้ http และของเซิร์ฟเวอร์ redirected http->http ซึ่งจะไม่ทำงานสำหรับโพรโทคอล agnostic ที่อยู่ url ที่ฉันคิดว่านะ แปลกนะ
chovy

ถ้าฉันเปลี่ยน src แอททริบิวต์ของคนจากศูนย์ควบคุม kde ในโมดูล // ต้อง https:// มันทำงานสบายดี
chovy

เข้าท่าดีนิเราจะทำทุกอย่างที่เราทำ // ควรจะทำงานแล้ว แต่นั่นมันแปลก ดีใจที่มันได้ผลสำหรับคุณ
Harshal Patil

ฉัน upvoted(จาก -1 ลงคะแนนสถานะของ). [ฉัน layman คำพูด] // หมายถึง:ทำการร้องของกับโพรโทคอลที่ requester คือกำลังทำงานดังนั้นเป็นหน้าที่รับใช้กับ HTTP ทำให้มีการร้องขอ HTTP;นั้นที่ HTTPรื่อ งเซิร์ฟเวอร์จะสามารถป้องกันมันตั้งแต่มันเป็นความทุกข์ทั้งหมดอยากขอให้ช่วยอะไรหน่อย ทำเป็น 2 นาทีของกูเกิ้ลการค้นหาและคุณจะได้มีคำตอบ
Danny '365CSI' Engelman

ฉันคิดว่า briskreader.com นี่ยังเสิร์ฟอยู่ http และไม่ใช่แค่ https.
Harshal Patil

ในภาษาอื่นๆ

หน้านี้อยู่ในภาษาอื่นๆ

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

ดังอยู่ในนี้หมวดหมู่

ดังคำถามอยู่ในนี้หมวดหมู่