Django zappa 403 禁止错误和 net:: Err_Aborted

Question

我正在尝试使用 zappaAWS Lambda 部署 vuejs/frontend & django(python)/backend webapp时间>。我的所有静态文件都在 S3 存储桶中。 每当我尝试在浏览器中查看它时，页面都是空白的，并且我在控制台中收到以下错误：

GET https://example.s3.amazonaws.com/static/webpack_bundles/static/js/app.3122315aa5664adf.js 403（禁止）
GET https://example.s3.amazonaws.com/static/webpack_bundles/static/css/app.b161c29d6c5fa852dc6887b62955427e6.css net::ERR_ABORTED
获取https://7exa5465ef451.execute-api.us-east-1.amazonaws.com/favicon.ico403()

Answer 1

默认情况下，出于安全原因，S3 不允许公众访问其内容。有多种方法可以改变这种情况，通过对每个单独的对象设置公共权限，或应用存储桶策略。

https://docs.aws.amazon.com/AmazonS3/latest/dev/s3-access-control.html 提供了有关如何控制对 S3 的访问的更多详细信息。

一个特定的公共存储桶策略示例可能如下所示：

{
  "Version":"2012-10-17",
  "Statement":[
    {
      "Sid":"AddPerm",
      "Effect":"Allow",
      "Principal": "*",
      "Action":["s3:GetObject"],
      "Resource":["arn:aws:s3:::examplebucket/*"]
    }
  ]
}

取自：https://docs.aws.amazon.com/AmazonS3/latest/dev/example-bucket-policies.html#example-bucket-policies-use-case-2

一般来说，我建议通过 Cloudfront 提供网站数据，在这种情况下，您可以专门允许 Cloudfront 使用诸如

之类的策略访问 S3 数据

{
   "Version":"2012-10-17",
   "Id":"PolicyForCloudFrontPrivateContent",
   "Statement":[
     {
       "Sid":" Grant a CloudFront Origin Identity access to support private content",
       "Effect":"Allow",
       "Principal":{"CanonicalUser":"79a59df900b949e55d96a1e698fbacedfd6e09d98eacf8f8d5218e7cd47ef2be"},
       "Action":"s3:GetObject",
       "Resource":"arn:aws:s3:::example-bucket/*"
     }
   ]
}

取自：https://docs.aws.amazon.com/AmazonS3/latest/dev/example-bucket-policies.html#example-bucket-policies-use-case-6