使用“no-cors”模式獲取請求時的錯誤處理

嘗試從API 獲取資料並將模式選項設為'no -cors'，正如某些線上討論中所建議的那樣，開發人員可能會遇到一個錯誤，指出：

Uncaught (in promise) SyntaxError: Unexpected end of input for return response.json()

雖然此錯誤訊息無法深入了解實際原因，但可以歸因於對「no-cors」模式缺乏了解。

根據錯誤訊息，「...如果不透明回應滿足您的需求，請將請求的模式設為「no-cors」以在禁用CORS 的情況下獲取資源。」但是，在這種情況下，由於目的是存取回應數據，因此不透明的回應不適合。

解決問題

要解決此錯誤，應省略「no-cors」模式，並且應將 API 伺服器配置為透過 CORS 授予權限。這涉及在伺服器回應中設定適當的標頭，例如“Access-Control-Allow-Origin”，以啟用來自客戶端的跨來源請求。

總而言之，當在使用“no-”獲取資料時遇到此錯誤cors”，開發者應考慮以下建議：

• 避免使用“no-cors”模式。
• 配置API伺服器實施CORS權限。