GitHub에 호스팅된 외부 JavaScript 파일을 성공적으로 연결하고 실행하려면 어떻게 해야 합니까?

GitHub에 호스팅된 외부 JavaScript 파일 연결 및 실행

GitHub Raw에서 외부 JavaScript 파일을 로드하려고 하면 다음과 같은 문제가 발생할 수 있습니다. 오류 "스크립트 실행이 거부되었습니다... MIME 유형(텍스트/일반)을 실행할 수 없습니다." 이는 엄격한 MIME 유형 검사를 시행하는 GitHub에서 설정한 X-Content-Type-Options: nosniff 헤더 때문입니다.

해결책: jsdelivr.net

그러나 , jsdelivr.net은 이 문제에 대한 해결 방법을 제공합니다. GitHub Raw URL을 수정하고 이를 jsdelivr.net에 추가하면 외부 스크립트를 성공적으로 로드할 수 있습니다.

jsdelivr.net의 GitHub Raw URL을 수정하는 단계:

1. GitHub Raw URL을 찾아 "Raw" 버전을 클릭하세요.
2. 복사하세요. URL.
3. raw.githubusercontent.com을 cdn.jsdelivr.net으로 바꾸세요.
4. GitHub 사용자 이름 앞에 /gh/를 삽입하세요.
5. 분기 이름을 제거하세요(있는 경우). .
6. 선택적으로 연결하려는 버전을 지정하거나(예: @version) 제거합니다. 최신 버전을 받으세요.

예:

• 최신 버전을 얻으려면:

http://cdn.jsdelivr.net/gh/<username>/<repo>/path/to/file.js

• 특정 버전을 얻거나 커밋하려면 해시:

http://cdn.jsdelivr.net/gh/<username>/<repo>@<version or hash>/path/to/file.js

프로덕션 환경 고려 사항:

프로덕션 환경의 경우 브랜치 대신 특정 태그를 대상으로 하거나 해시를 커밋하는 것이 좋습니다. . 최신 링크를 사용하면 캐싱 시간이 길어져 새 버전을 푸시할 때 파일이 업데이트되지 않을 수 있습니다. 커밋 해시 또는 태그를 사용하면 링크가 해당 버전에 고유한지 확인할 수 있습니다.

MIME 유형 검사의 배경:

GitHub에서 X-Content-Type을 구현했습니다. 옵션: 2013년 nosniff는 최신 브라우저에서 엄격한 MIME 유형 검사를 시행합니다. 이 작업을 수행하면 브라우저가 설정을 준수하는 경우 파일을 의도한 대로 사용하지 못하게 됩니다.

위 내용은 GitHub에 호스팅된 외부 JavaScript 파일을 성공적으로 연결하고 실행하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!