如何将React项目部署到AWS s3

Question

我试图将react项目部署到s3，并且遵循了此说明的每个步骤。 https://medium.com/@omgwtfmarc/deploying-create-react-app-to-s3-or-cloudfront-48dae4ce0af

但是，我在s3服务器上看不到我的项目，并且总是出现这2个错误。

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

您的Cloudfront原始访问身份似乎没有访问s3存储桶的权限。 您必须更新存储桶策略以允许从Cloudfront进行访问，或者更新云前端原始设置以创建原始身份并自动更新存储桶策略。

您可以从云端开始，通过转到原点并编辑s3原点来进行此操作，如以下屏幕截图所示。

另外，如果您想从s3存储桶中执行此操作，请查看以下AWS文档中的主题“授予Amazon CloudFront原始身份的许可”。

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