Pdf.js: pdf.js를 사용하여 외부 URL에 pdf를 로드하는 중 오류가 발생했습니다.

이것은 의도적으로 수행된 것입니다. #6916을 참조하십시오. HOTED_VIEWER_ORIGINS 목록에 호스트 출처를 포함하도록 viewer.js를 수정합니다. 답변대로 마감합니다.

@yurydelendik 감사합니다
하지만 이 답변이 어떻게 도움이 되는지 모르겠습니다

하지만 이 답변이 어떻게 도움이 되는지 모르겠습니다

HOTED_VIEWER_ORIGINS 목록에 호스트 출처를 포함하도록 viewer.js를 수정합니다.

했는데 원격 pdf 파일을 호출하는 방법을 모르겠습니다

했는데 원격 pdf 파일을 호출하는 방법을 모르겠습니다

설명 해주십시오. 또한 다음 정보를 제공할 수 있습니다.

• 파일 매개변수를 포함하는 뷰어의 URL은 무엇입니까?
• viewer.js 코드에서 변경된 사항은 무엇입니까?
• PDF를 호스팅하는 서버에서 CORS 헤더는 어떻게 구성되었습니까?

내 pdf 파일은 cloudinary에 있습니다.
그리고 DEFAULT_URL 변수에 액세스를 입력하면 오류가 발생했습니다.
오류: 파일 뷰어의 출처가 일치하지 않습니다.
throw new Error( '파일 뷰어 원본이 \' s '와 일치하지 않음);

내 URL pdf의 예 http://res.cloudinary.com/image/upload/v1459791656/my_file.pdf

나는 viewer.js에서 이 줄을 주석 처리하기로 결정했습니다.

if (fileOrigin !== viewerOrigin) {
throw new Error('파일 원본이 뷰어와 일치하지 않습니다.');
}

논리를 주석 처리하지 마십시오. console.log()를 사용하여 fileOrigin과 viewerOrigin이 일치하는지 확인합니다. HOSTED_VIEWER_ORIGINS 개체의 항목 중 하나 이상이 viewerOrigin과 일치하는지 확인하고 "_파일 원본이 뷰어와 일치하지 않습니다_" 오류가 사라집니다.

이걸 더해:

console.log('fileOrigin', fileOrigin);
console.log('viewerOrigin', viewerOrigin);

... 바로 위:

if (fileOrigin !== viewerOrigin) {
throw new Error('file origin does not match viewer\'s');
}

나처럼 URL 끝에 추가된 슬래시가 누락되었거나 추가되었을 것입니다(콘솔에서 두 변수를 로깅할 때 발견됨).

이것이 누군가를 돕기를 바랍니다.

regex/wildchars를 사용하여 HOSTED_VIEWER_ORIGINS 배열을 구성할 수 있으면 좋을 것입니다.

하드 코딩되지 않은 Mozilla 도메인을 허용하려면 viewer.js라는 10k 라인 빌드 파일의 소스 코드를 수정해야 합니까?

@gildassamuel 당신이 나의 하루를

적절한 수정은 viewer.js를 열고 파일의 호스트를 HOSTED_VIEWER_ORIGINS에 추가하는 것입니다.
var HOSTED_VIEWER_ORIGINS = ['null', '.....'];

검사 코드를 제거하지 마십시오 :|

UWP에서 로컬 pdf 파일과 동일한 문제(파일 출처가 뷰어와 일치하지 않음)가 있습니다. 로컬 경로에 대해 정확히 HOTED_VIEWER_ORIGINS에 어떤 항목을 추가해야 합니까?

앱 내에서 이것을 사용하는 다른 사람의 경우 로컬 경로가 작동하도록 허용하려면 'file://'을 추가해야 했습니다.

var HOSTED_VIEWER_ORIGINS = [
'없는',
' http://mozilla.github.io ',
' https://mozilla.github.io ',
'file://' //앱의 로컬 뷰어
];

제 경우에는 로컬로 코딩하고 있었고 동일한 문제가 있었고 로컬 주소 를 추가하여 해결했습니다.

var HOSTED_VIEWER_ORIGINS = [
       'null',
       'http://mozilla.github.io',
       'https://mozilla.github.io',
       'http://localhost:5000'
];

그러나 검사 코드를 제거하지 마십시오 .

if (fileOrigin !== viewerOrigin) {
       throw new Error('file origin does not match viewer\'s');
}

이 2줄을 추가하는 것이 좋은 해결책이 될 것이라고 생각합니다. 로컬 IP가 자동으로 감지됩니다(어디서든 애플리케이션을 시작할 수 있음)

  var LOCAL_AUTO_DETECT_ORIGIN = window.location.origin;

  var HOSTED_VIEWER_ORIGINS = ['null', 'http://mozilla.github.io', 'https://mozilla.github.io'];

  HOSTED_VIEWER_ORIGINS.push(LOCAL_AUTO_DETECT_ORIGIN);

이것은 의도적으로 수행된 것입니다. #6916을 참조하십시오. HOTED_VIEWER_ORIGINS 목록에 호스트 출처를 포함하도록 viewer.js를 수정합니다. 답변대로 마감합니다.

나를 도와 주었다

그것은 매우 나쁜 문제입니다. 어떻게 해서든 아직 해결되었습니다.

원본 ' http://localhost '에서 ' https://dmain/file.pdf ' 가져오기에 대한 액세스가 CORS 정책에 의해 차단되었습니다. 요청한 리소스에 'Access-Control-Allow-Origin' 헤더가 없습니다. 불투명한 응답이 요구 사항을 충족하는 경우 요청 모드를 'no-cors'로 설정하여 CORS가 비활성화된 리소스를 가져옵니다.

안녕하십니까,

이것에 대한 이유가 있습니까?

pdfjs가 아니라 cors 정책에 관심을 갖는 것은 브라우저의 책임입니다.
이 체크를 없애야 한다고 생각합니다.

validateFileURL 함수 상단에 return; 를 추가했는데 이제 제대로 작동합니다. amazon s3에서 pdf를 로드할 수 있습니다.

@IK77이 언급했듯이 그 이유를

글쎄, 나는 이것을 발견했다 : https://github.com/mozilla/pdf.js/pull/6916
@IK77