探究no-cors

一、nocor什麼意思

no-cors是一個Fetch API的設置選項，它表示請求將不會設置CORS相關的頭信息。這意味着該請求不會跨域，並且不會向服務器發送帶有cookie、HTTP認證或其他敏感數據的請求頭。當請求發生跨域時，瀏覽器將自動向服務器發送Origin頭信息，該信息在服務器端CORS配置中進行驗證。但是，如果使用了no-cors選項，則會禁用這些頭信息的發送。

二、nocors的中文翻譯

no-cors的中文翻譯為「不包含CORS頭信息」或「沒有CORS」。

三、nocorssnocrown

nocorssnocrown是一個由no-cors、CORS以及crown（王冠的意思）三個詞組成的縮寫詞，表達了no-cors選項在跨域請求中所扮演的重要作用。

四、no-cors在跨域請求中的應用

當我們使用Fetch API發送跨域請求時，通常需要使用CORS（Cross-Origin Resource Sharing）來解決跨域問題。但是，如果我們只是向其他域發送一些不需要驗證身份或不需要使用cookie的簡單請求，那麼使用no-cors選項是一個不錯的選擇。

fetch('https://example.com/api/data', {mode: 'no-cors'})
  .then(response => response.text())
  .then(data => console.log(data));

在上面的代碼中，我們使用了no-cors選項來發送一個簡單請求。由於該請求不需要向服務器發送cookie、HTTP認證或其他敏感數據，因此使用no-cors選項不會造成安全問題。同時，no-cors選項也為跨域請求提供了一種更為簡便的解決方案。

五、no-cors選項的限制

儘管no-cors選項在一些特定情況下可以非常有用，但是它也具有一定的限制。首先，no-cors選項不能夠發送帶有身份驗證信息的請求，這意味着我們不能夠通過調用API來訪問需要身份驗證的資源。其次，no-cors選項不能夠訪問響應的headers、狀態信息以及響應的主體內容，因此我們只能夠使用responseType屬性來指定響應的類型。

fetch('https://example.com/api/data', {mode: 'no-cors', responseType: 'text'})
  .then(res => res.text())
  .then(data => console.log(data));

在上面的代碼中，我們通過設置responseType為text來指定要返回的響應類型，以便於我們能夠正確地處理響應內容。此外，我們還需要注意的是，由於no-cors選項只適用於簡單請求，因此如果我們需要發送帶有複雜內容類型的請求，就必須使用CORS。

六、總結

no-cors選項在跨域請求中扮演着非常重要的角色，它為我們提供了一種便捷的方式來發送簡單請求，同時也帶來了一些限制。在實際應用中，我們需要根據請求的內容類型和需要發送的數據來選擇使用CORS還是no-cors選項。