為什么當 URL 為空時，chrome 控制台中的 fetch() 請求失敗？ . 但在 Firefox 中工作正常

Question

當我嘗試在 chrome 瀏覽器上執行此操作時：

fetch('https://jsonplaceholder.typicode.com/users')
.then(response=> response.json())
.then(user=> console.log(user))

似乎 net::ERR_FAILED

Answer 1

正如@Sergiu Paraschiv 在評論中指出的那樣，核心問題是 CORS，我強烈建議閱讀他提供的鏈接。

但是，只是稍微詳細說明一下，對於您的具體情況，嘗試在瀏覽器的“開始”或“無 URL”頁面上發出 AJAX 請求......

...不同的瀏覽器以不同的方式處理此類“主頁 AJAX 請求”，因為這樣的頁面沒有真正的 URL。

Chrome（顯然）將其視為“”的 URL，因此任何URL 根據定義都會違反 CORS。 相比之下，Firefox 似乎忽略了 CORS URL 對“主頁”發出的請求的限制。

更一般地說，如果你要在沒有客戶端的情況下測試你的 API，我強烈建議使用像Postman這樣的獨立請求工具，因為這樣的工具將完全繞過 Z5A8FEFF0B4BDE3POSTEEC9244B76023B791D 限制（也讓你和其他非 GET 請求）。