如何將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