本文說明如何在一個網域中執行的容器應用程式中啟用和設定 CORS ，以從不同網域中的伺服器存取資源。 根據預設，瀏覽器會封鎖這類跨來源請求作為安全措施。 當您需要允許裝載在不同網域上的用戶端應用程式存取容器應用程式時，您可以設定 CORS 來明確允許這些要求。
啟用 CORS 時，您可以進行下列設定：
| 設定 | 說明 |
|---|---|
| 允許認證 | 指出是否要傳回 Access-Control-Allow-Credentials 標頭。 |
| 最大年齡上限 | 設定 Access-Control-Max-Age 回應標頭，以指出可以快取 CORS 正式發行前小眾測試要求的結果多久時間 (以秒為單位)。 |
| 允許的原始來源 | 允許跨原始來源要求的來源清單 (例如，https://www.contoso.com)。 控制 Access-Control-Allow-Origin 回應標頭。 使用 * 以允許全部。 |
| 允許的方法 | 跨原始來源要求中允許的 HTTP 要求方法清單。 控制 Access-Control-Allow-Methods 回應標頭。 使用 * 以允許全部。 |
| 允許的標題 | 跨原始來源要求中允許的標題清單。 控制 Access-Control-Allow-Headers 回應標頭。 使用 * 以允許全部。 |
| 公開標頭 | 根據預設，並非所有回應標頭都會在跨原始來源要求中公開給用戶端 JavaScript 程式碼。 公開的標頭是可以包含在回應中的額外標頭伺服器。 控制 Access-Control-Expose-Headers 回應標頭。 使用 * 來公開全部。 |
| 財產 | 說明 | 類型 |
|---|---|---|
allowCredentials |
指出是否要傳回 Access-Control-Allow-Credentials 標頭。 |
boolean |
maxAge |
設定 Access-Control-Max-Age 回應標頭，以指出可以快取 CORS 正式發行前小眾測試要求的結果多久時間 (以秒為單位)。 |
整數 |
allowedOrigins |
允許跨原始來源要求的來源清單 (例如，https://www.contoso.com)。 控制 Access-Control-Allow-Origin 回應標頭。 使用 * 以允許全部。 |
字串陣列 |
allowedMethods |
跨原始來源要求中允許的 HTTP 要求方法清單。 控制 Access-Control-Allow-Methods 回應標頭。 使用 * 以允許全部。 |
字串陣列 |
allowedHeaders |
跨原始來源要求中允許的標頭清單。 控制 Access-Control-Allow-Headers 回應標頭。 使用 * 以允許全部。 |
字串陣列 |
exposeHeaders |
根據預設，並非所有回應標頭都會在跨原始來源要求中公開給用戶端 JavaScript 程式碼。 "暴露的標頭是伺服器可以在回應中包含的額外標頭。" 控制 Access-Control-Expose-Headers 回應標頭。 使用 * 來公開全部。 |
字串陣列 |
如需詳細資訊，請參閱 Web 超文字應用程式技術工作組 (WHATWG) 有關來自擷取要求的有效 HTTP 回應的參考。
啟用及設定 CORS
請前往 Azure 入口網站中的您的容器應用程式。
從 [設定] 功能表的 [ 網络] 底下，選取 [CORS]。
啟用 CORS 後，您可以新增、編輯和刪除允許的原始來源、允許的方法、允許的標頭，以及公開標頭的值。
若要允許方法、標頭或來源的任何可接受的值，請輸入 * 作為值。
附註
透過命令列更新組態設定會覆寫目前的設定。 請務必將目前的設定併入您想要設定的任何新 CORS 值，以確保您的組態保持一致。
下列程式碼代表您在設定容器應用程式時，CORS 設定在 ARM 範本中採用的格式。
{
...
"properties": {
...
"configuration": {
...
"ingress": {
...
"corsPolicy": {
"allowCredentials": true,
"maxAge": 5000,
"allowedOrigins": ["https://example.com"],
"allowedMethods": ["GET","POST"],
"allowedHeaders": [],
"exposeHeaders": []
}
}
}
}
}