如何将响应项目部署到AWS s3

Question

我尝试将反应项目部署到s3，然后我遵循了该指令的每一步。 https://medium.com/@omgwtfmarc/deploying-create-react-app-to-s3-or-cloudfront-48dae4ce0af

但是，我无法在s3服务器上看到我的项目，而且我总是得到这两个错误。

Uncaught SyntaxError: Unexpected token <
Failed to load resource: the server responded with a status of 403 (Forbidden)

谁能告诉我如何解决这个问题？我应该改变什么吗？

这是文件结构

以下是生成的main.js

的前三行

!function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)}(function(e){for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t))switch(typeof e[t]){case"function":break;case"object":e[t]=function(t){var n=t.slice(1),r=e[t[0]];return function(e,t,o){r.apply(this,[e,t,o].concat(n))}}(e[t]);break;default:e[t]=e[e[t]]}return e}([function(e,t,n){

Answer 1

您的云端源访问标识似乎无权访问您的s3存储桶。您必须更新存储桶策略以允许从云端访问或更新云端源设置以创建源标识并自动更新存储桶策略。

您可以从云端进行，转到原点并编辑s3原点，如下面的屏幕截图所示。

否则，如果您想从s3存储桶中执行此操作，请查看主题＆＃34;授予Amazon CloudFront Origin Identity＆＃34;在以下aws文档中。

http://docs.aws.amazon.com/AmazonS3/latest/dev/example-bucket-policies.html#example-bucket-policies-use-case-6