pdf.js 跨域问题

PDF.js 是一款由 Mozilla 开发的 JavaScript 库，用于在浏览器中渲染 PDF 文件，提供了一个轻量级的方式来查看和交互 PDF 内容。然而，由于同源策略（Same-Origin Policy）的规定，JavaScript 默认情况下不允许跨域访问资源，包括加载其他域名下的 PDF 文件。

当你在本地页面尝试通过 PDF.js 加载一个远程 PDF，可能会遇到跨域问题，因为浏览器出于安全原因禁止这种操作。解决跨域问题有几种常见方法：

1. **CORS** (Cross-Origin Resource Sharing): 如果服务器支持 CORS，可以在响应头添加 `Access-Control-Allow-Origin` 来指定允许哪个源请求资源。

2. **JSONP** (JSON with Padding): 对于一些老旧服务器，可以使用 JSONP 的技巧，将 PDF 数据嵌入在一个 JSON 格式的服务响应中。

3. **使用服务器代理** 或 **CDN** (内容分发网络): 让服务器转发请求到实际的 PDF 服务，然后返回给前端，这种方式通常需要后端支持。

4. **自托管**: 将 PDF 文件存储在自己的服务器上，这样就不存在跨域问题。

5. **利用 iframe**: 有时可以创建一个 iframe，让它加载外部 PDF，但这可能导致浏览器的安全限制（例如点击事件可能无法正常工作）。