Question

我正在研究一个项目，最近我们从HTTP切换到HTTPS。所以这里有几件事。我们将在启用静态网站的S3上托管我们的网站。对于服务器，我们通过Elastic Beanstalk创建了一个实例。使用ACM，我们可以获得证书，并通过Cloudfront将其成功附加到我们的前端，并通过Elastic Beanstalk负载均衡器成功地将其附加到服务器。

现在，我们的网站终于可以使用了，并且说安全！由于某些原因，有时在第一次加载时需要花费10秒钟以上的时间来加载页面，并且通常会超时。每隔几个小时或每当我们清除缓存时，就会发生这种情况。但是，一旦刷新，该网站就会花费2-3秒的时间来加载，并且一切正常。我们认为这是因为我们使用的是Angular 5并使用ng build，所以我们得到了一个名为vendor.bundle.js的大文件，其大小约为13 mb。

我们希望对此进行gzip处理，以解决问题，因为我们认为该网站在该供应商文件尚未加载之前就已超时。我们进入Cloudfront并启用了压缩功能。然后，我们进入S3存储桶，并添加“ Content-Length”作为允许的标头。我查询了请求和响应正文，如下所示：

Request
:method: GET
:scheme: https
:authority: riftapp.io
:path: /vendor.bundle.js
Host: riftapp.io
If-None-Match: "de078424bf26a6b1e2873009a37924ee-2"
Accept: */*
Connection: keep-alive
Accept-Language: en-us
Accept-Encoding: br, gzip, deflate
Cookie: __stripe_mid=333bb2df-0b1a-4757-a193-0596baeabd7c;  
   __stripe_sid=bff74933-d3fd-4ee2-a7a8-e5e73a224fdb
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4)
    AppleWebKit/605.1.15 (KHTML, like Gecko) Version/11.1      
Safari/605.1.15
If-Modified-Since: Wed, 25 Jul 2018 03:02:42 GMT
Referer: https://riftapp.io/home

Response
:status: 304
Via: 1.1 e3a844a9e0d478ce4d12c6d1f3a2d892.cloudfront.net (CloudFront)
ETag: "de078424bf26a6b1e2873009a37924ee-2"
Age: 3021
Date: Wed, 25 Jul 2018 03:55:47 GMT
Server: AmazonS3
x-amz-cf-id: JHS0o-e-tBh1wfTy4AgKHALzHEEvdbUOkO0mgzSc56LAmnx515WS9A==
x-cache: Hit from cloudfront

我们认为这可能是因为请求正文主机是riftapp.io而不是abc.cloudfront.net之类的东西，但是当我尝试删除源时，因为我们的S3存储桶已链接到它而无法。 / p>

Cloudfront，压缩，HTTPS加载错误

0 个答案: