어떻게 로드하 webcomponent 에 걸쳐 도메인?

Question 1

수 당신이 로드되지 않을 webcomponents 에서 다른 도메인?

나 cors 에 오류가 firefox/리눅스.

이것을 추가하 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

Question 2

웹품과는 아무 상관이 CORS. 특성 type="module" 에 <script> 태그인 CORS 요청을 합니다. 과는 달리 고전적인 스크립트, 모듈 스크립트 의 사용을 필요로 하는 CORS 프로토콜을 위해 십자가 원산지를 가져오.

다이 라인 add_header Access-Control-Allow-Origin *; 은 쓸모없는에 원래 도메인입니다. 설정해야 합니다 Access-Control-Allow-Origin 헤더에 briskreader.com 도메인입니다. 하지 않는 경우 제어 briskreader.com를 사용해 보십시오 클래식 스크립트입니다. 여전히 사용할 수 있습 웹 구성 요소와 함께 클래식 스크립트입니다.

Harshal Patil · Answer 1 · 2021-11-21T06:06:13

웹품과는 아무 상관이 CORS. 특성 type="module" 에 <script> 태그인 CORS 요청을 합니다. 과는 달리 고전적인 스크립트, 모듈 스크립트 의 사용을 필요로 하는 CORS 프로토콜을 위해 십자가 원산지를 가져오.

다이 라인 add_header Access-Control-Allow-Origin *; 은 쓸모없는에 원래 도메인입니다. 설정해야 합니다 Access-Control-Allow-Origin 헤더에 briskreader.com 도메인입니다. 하지 않는 경우 제어 briskreader.com를 사용해 보십시오 클래식 스크립트입니다. 여전히 사용할 수 있습 웹 구성 요소와 함께 클래식 스크립트입니다.

나는 설정에 briskrsader 고 그것은 여전히 작동하지 않습니다.
@chovy 공유할 수 있습니 응답 헤더에 대한 요청 //briskreader.com/components/feed-list.js?
업데이트 질문,당신이 볼 수있는 그것은 access-control-allow-origin: *
그래서 여기에 문제가 있습니다. 용 http-server 는 http 를 사용하고 나 서버로 리디렉션 http->https 는 작동하지 않습 프로토콜에 대한 독립적 url 을 나는 생각한다. 니다.
변경하는 경우 src 의 속성에서 모듈 // 하기 https:// 이 상품에 대한 리뷰가 없습니다.
상 // 작업해야 합니다. 하지만 그 이상합니다. 기쁜 그것은 당신을 위해 일했다.
I 회가 직접 참여 할 수있는(에서 -1 투표는 상태). [내 뜻하는 단어] // 수단:않는 요청과 함께 프로토콜을 요청자가 실행,그래서이 페이지와 함께 제공 HTTP HTTP 요청,다 HTTPS 서버는 그것을 차단하기 때문에,안전하지 않은 요청을 합니다. 할 2 분 Google 검색하고 당신은 당신을 얻을 것이 많음의 답변이 있습니다.
내 생각에는 briskreader.com 도에 봉사 http 그리고 단지 https.

어떻게 로드하 webcomponent 에 걸쳐 도메인?

질문

최고의 응답

다른 언어로

이 페이지는 다른 언어로되어 있습니다

이 카테고리에서 인기

인기 있는 질문에 이 카테고리