javascript - 拒绝使用亚马逊网址从 pdf.js 获取不安全 header "Accept-Ranges"错误

Question

我正在尝试将 pdf.js 与范围请求一起使用(pdf 文档的渐进加载)，但是当我尝试从 amazon s3 url 加载 pdf 时，控制台中会出现此错误:

-拒绝获取不安全的 header “Accept-Ranges”

并且 pdf 不会通过 206 部分内容(范围请求)加载，而是通过 200 加载，然后在查看器中查看。

这是一个 pdf url 的例子:

https://kotob.s3.amazonaws.com/book.pdf?Signature=irgVfoAZuPPIp5kpCesni2MzpLo%3D&Expires=1366576877&AWSAccessKeyId=AKIAILBHXSTPUIBTRMSA

任何帮助

Answer 1

像这样在 Amazon 上设置 CORS 策略似乎有所帮助。

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <AllowedMethod>PUT</AllowedMethod>
        <AllowedMethod>POST</AllowedMethod>
        <AllowedMethod>DELETE</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <!-- this part is critical -->
        <AllowedHeader>*</AllowedHeader>
        <ExposeHeader>Accept-Ranges</ExposeHeader>
        <ExposeHeader>Content-Encoding</ExposeHeader>
        <ExposeHeader>Content-Length </ExposeHeader>
        <ExposeHeader>Content-Range</ExposeHeader>
     </CORSRule>
</CORSConfiguration>

但是我把资源放到CDN上之后就不行了。无论如何，即使在 CDN 上使用 200 比在 S3 上使用 206 部分下载看起来要快得多。