西尼亞ming的沙龍

AWS CloudFront + S3 遇到 CORS 解決方式

西尼亞ming-avatar-img
西尼亞ming
更新於 發佈於 閱讀時間約 1 分鐘


raw-image


CloudFront 修改部分

選擇對應 Distributions 修改 behavior


Allowed HTTP methods 選擇 GET, HEAD, OPTIONS

raw-image


新增 Cache Policies

raw-image


新增 Origin request

raw-image


新增 Response headers

raw-image


套用Cache key and origin requests

raw-image


修改後Save 等待套用設置，再清除 Invalidations，可保險抓離峰時間半小時操作



參考：

https://aws.amazon.com/cn/blogs/china/several-solutions-to-cloudfront-cross-domain-problem-cors/

https://repost.aws/knowledge-center/s3-configure-cors

留言
avatar-img
留言分享你的想法！
avatar-img
西尼亞ming的沙龍
16會員
80內容數
西尼亞ming的沙龍的其他內容
2024/11/05
[GCP] Ops-agent可以監控java的效能?(工作日常)
在ops-agent當中可以安裝 JVM 來收集 Java 參數，該工具主要收集 memory 以及 garbage collection 的參數，其中監控的選項有包含以下： jvm.classes.loaded jvm.gc.collections.count jvm.gc.collec
2024/11/05
[GCP] Ops-agent可以監控java的效能?(工作日常)
在ops-agent當中可以安裝 JVM 來收集 Java 參數，該工具主要收集 memory 以及 garbage collection 的參數，其中監控的選項有包含以下： jvm.classes.loaded jvm.gc.collections.count jvm.gc.collec
2024/11/05
[GCP] 檢查 GCP 登入紀錄(工作日常)
**Google Cloud 操作與 Audit Logs 說明** Google Cloud 作為純雲端服務提供商，所有操作均透過 HTTPS 網頁或 API 呼叫完成，並無「登入專案」的行為紀錄。不過，若使用 Google Workspace 管理使用者身份，則可以透過 Google
2024/11/05
[GCP] 檢查 GCP 登入紀錄(工作日常)
**Google Cloud 操作與 Audit Logs 說明** Google Cloud 作為純雲端服務提供商，所有操作均透過 HTTPS 網頁或 API 呼叫完成，並無「登入專案」的行為紀錄。不過，若使用 Google Workspace 管理使用者身份，則可以透過 Google
2024/11/05
[GCP] GCS/BigQuery 建議的備份方法？ (工作日常)
使用 Storage Transfer 服務是否能降低成本？ Storage Transfer 的計價方式針對從 Cloud Storage 轉移至 Cloud Storage，除了一般費用外，Storage 移轉服務會使用 Cloud Storage rewrite 作業在 Cloud
2024/11/05
[GCP] GCS/BigQuery 建議的備份方法？ (工作日常)
使用 Storage Transfer 服務是否能降低成本？ Storage Transfer 的計價方式針對從 Cloud Storage 轉移至 Cloud Storage，除了一般費用外，Storage 移轉服務會使用 Cloud Storage rewrite 作業在 Cloud
看更多
你可能也想看
Thumbnail
avatar-avatar
黛•Adele的生活隨筆
斜槓生活日常｜不受時間空間限制，分享喜歡的產品也能有被動收入｜蝦皮分潤計畫
常常被朋友問「哪裡買的？」嗎？透過蝦皮分潤計畫，把日常購物的分享多加一個步驟，就能轉換成現金回饋。門檻低、申請簡單，特別適合學生與上班族，讓零碎時間也能創造小確幸。
#蝦皮分潤計畫#蝦皮聯盟行銷#蝦皮副業
Thumbnail
avatar-avatar
黛•Adele的生活隨筆
斜槓生活日常｜不受時間空間限制，分享喜歡的產品也能有被動收入｜蝦皮分潤計畫
常常被朋友問「哪裡買的？」嗎？透過蝦皮分潤計畫，把日常購物的分享多加一個步驟，就能轉換成現金回饋。門檻低、申請簡單，特別適合學生與上班族，讓零碎時間也能創造小確幸。
#蝦皮分潤計畫#蝦皮聯盟行銷#蝦皮副業
Thumbnail
avatar-avatar
方格子 vocus 官方沙龍
徵才：社群與內容行銷專員 (Community & Marketing Specialist)
嗨！歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台，並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈！「創作至上」是我們的核心價值，我們致力於透過平台功能與服務，賦予創作者更多的可能。 vocus 平台匯聚了
#vocus#徵才#社群行銷
Thumbnail
avatar-avatar
方格子 vocus 官方沙龍
徵才：社群與內容行銷專員 (Community & Marketing Specialist)
嗨！歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台，並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈！「創作至上」是我們的核心價值，我們致力於透過平台功能與服務，賦予創作者更多的可能。 vocus 平台匯聚了
#vocus#徵才#社群行銷
Thumbnail
avatar-avatar
程式輕鬆玩
使用 Node.js 建立簡易伺服器並解決 CORS 問題
在這篇教學文章中，我們將展示如何使用 Node.js 建立一個簡單的伺服器，並解決常見的跨來源資源共享（CORS）問題，確保伺服器能夠接收並處理來自不同來源的資料。
#NodeJS#HTML#簡易伺服器
Thumbnail
avatar-avatar
程式輕鬆玩
使用 Node.js 建立簡易伺服器並解決 CORS 問題
在這篇教學文章中，我們將展示如何使用 Node.js 建立一個簡單的伺服器，並解決常見的跨來源資源共享（CORS）問題，確保伺服器能夠接收並處理來自不同來源的資料。
#NodeJS#HTML#簡易伺服器
Thumbnail
avatar-avatar
西尼亞ming的沙龍
AWS CloudFront + multi S3 架構實驗
實驗目的：Lambda@Edge (L@E) 讓 CLoudFront (CF) 回源時，自動選擇較近的 S3 region 回源
Thumbnail
avatar-avatar
西尼亞ming的沙龍
AWS CloudFront + multi S3 架構實驗
實驗目的：Lambda@Edge (L@E) 讓 CLoudFront (CF) 回源時，自動選擇較近的 S3 region 回源
Thumbnail
avatar-avatar
Alan的開發者天地
實現 CloudFlare DNS 解析：使用 Terraform 和 GCS 進行高效配置
本文介紹如何在GCP上使用Terraform建立CloudFlare DNS解析和模組化。通過閱讀本文，可以瞭解如何設置Terraform建立CloudFlare DNS解析以及取得GCS上的Terraform state file並透過Terraform建立CloudFlare DNS解析的步驟。
#terraform#Cloudflare#GCP
Thumbnail
avatar-avatar
Alan的開發者天地
實現 CloudFlare DNS 解析：使用 Terraform 和 GCS 進行高效配置
本文介紹如何在GCP上使用Terraform建立CloudFlare DNS解析和模組化。通過閱讀本文，可以瞭解如何設置Terraform建立CloudFlare DNS解析以及取得GCS上的Terraform state file並透過Terraform建立CloudFlare DNS解析的步驟。
#terraform#Cloudflare#GCP
Thumbnail
avatar-avatar
西尼亞ming的沙龍
AWS CloudFront + multi S3 架構需求
客戶提出以下需求： 當用戶在日本，會導到離用戶最近的CloudFront節點（亞洲），當CF要回原站時，需要導到新加坡的S3 當用戶為美國，會導到離用戶最近的CloudFront節點（美國東岸），當CF要回原站時，需要導到美國的S3
#AWS
Thumbnail
avatar-avatar
西尼亞ming的沙龍
AWS CloudFront + multi S3 架構需求
客戶提出以下需求： 當用戶在日本，會導到離用戶最近的CloudFront節點（亞洲），當CF要回原站時，需要導到新加坡的S3 當用戶為美國，會導到離用戶最近的CloudFront節點（美國東岸），當CF要回原站時，需要導到美國的S3
#AWS
Thumbnail
avatar-avatar
西尼亞ming的沙龍
AWS CloudFront + S3 遇到 CORS 解決方式
AWS CloudFront + S3 遇到 CORS 解決方式
#AWS
Thumbnail
avatar-avatar
西尼亞ming的沙龍
AWS CloudFront + S3 遇到 CORS 解決方式
AWS CloudFront + S3 遇到 CORS 解決方式
#AWS
Thumbnail
avatar-avatar
詹姆士的軟體易開罐
在跨網域存取(CORS)迷霧中的錯覺與啟示
在開發前後端分離架構時，使用兩個不同網域所遇到跨域請求問題。特別是在POST請求時行為差異大，揭示了「簡單請求」與「預檢請求」的關鍵差異。簡單請求不需預檢，但application/json會觸發預檢請求，需透過特定設定解決。分享這篇文章希望幫助開發者有效處理跨域問題。
#開發#分享#伺服器
Thumbnail
avatar-avatar
詹姆士的軟體易開罐
在跨網域存取(CORS)迷霧中的錯覺與啟示
在開發前後端分離架構時，使用兩個不同網域所遇到跨域請求問題。特別是在POST請求時行為差異大，揭示了「簡單請求」與「預檢請求」的關鍵差異。簡單請求不需預檢，但application/json會觸發預檢請求，需透過特定設定解決。分享這篇文章希望幫助開發者有效處理跨域問題。
#開發#分享#伺服器
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News