pdfjs跨域加载pdf

要实现PDFJS跨域加载PDF，你需要进行一些配置和调整。以下是一些步骤：

1. 在服务器上启用CORS（跨源资源共享）：您需要在服务端配置CORS，以允许从不同域加载PDF文件。具体的CORS配置方法取决于您使用的服务器技术。例如，对于Apache服务器，您可以在.htaccess文件中添加以下内容：

Header set Access-Control-Allow-Origin "*"

这将允许来自任何域的请求加载PDF文件。请注意，使用通配符* 可能会存在安全风险，因此您可以根据需要选择更具体的域。

2. 调整PDFJS的配置：PDFJS提供了一些配置选项，可以通过修改它们来实现跨域加载。您可以在加载PDF之前设置以下配置：

pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://example.com/pdf.worker.js';

将上述代码中的URL替换为您的PDFJS Worker脚本的URL。这将确保Worker脚本可以正常加载。

3. 加载跨域的PDF文件：在您的前端代码中，使用PDFJS加载PDF文件时，确保指定完整的URL路径。例如：

const url = 'https://example.com/path/to/pdf.pdf';
const loadingTask = pdfjsLib.getDocument(url);

通过提供完整的URL路径，PDFJS将能够正确地加载跨域的PDF文件。

请注意，如果PDF文件本身没有正确配置CORS，您可能仍然会遇到加载问题。在这种情况下，您需要确保PDF文件的服务器端也正确配置了CORS。

希望这些步骤对您有所帮助！