S3 靜態網站設定
如果有打算限制能近來的域名,就請不要用靜態網站,就用預設的 RestApi 模式,接 cloudfront 透過 header 去限定。
官網教學很詳細! 要在 Amazon S3 上設定靜態網站,如果是使用 UI 的話,請按照以下步驟進行操作:
- UI: 建立新的 S3 Bucket 或選擇一個現有的 Bucket。(Cli:
aws s3 mb s3://me-profile --profile ford --region us-west-1
在 us-west-1 建立 s3 bucket,bucket 名稱是 me-profile,使用的 user 是 ford) - UI:在 Bucket 屬性中啟用靜態網站主機。
- UI:指定要使用的索引文件(index.html)和錯誤文件。(Cli:
aws s3 website s3://bucket-name --index-document index.html --error-document error.html
) - UI :將必要的文件添加到 Bucket 中。(可以用 也可以用 cli
Cli:
aws s3 sync ./dist/ s3://fordserver-front --delete --profile ford
) - UI :配置 Bucket 策略以允許公開訪問文件,預設會全擋。
- UI :新增儲存貯體政策,將儲存貯體內容設為可供大眾讀取,把這個 json 複製貼上
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadGetObject",
"Effect": "Allow",
"Principal": "*",
"Action": [
"s3:GetObject"
],
"Resource": [
"arn:aws:s3:::Bucket-Name/*"
]
}
]
}
Resource 更新為您的儲存貯體名稱!