JavaScript fetch ERR_CONNECTION_REFUSED vs TypeError 無法獲取

Question

這個賞金已經結束。 此問題的答案有資格獲得+100聲望賞金。 賞金寬限期在17 小時后結束。 Metro Smurf想提請大家更多關注這個問題：

必須能夠攔截“ERR_CONNECTION_REFUSED”錯誤，而不是已經可用的“無法獲取”錯誤。

當使用 JavaScript fetch API 時，瀏覽器的控制台會記錄錯誤ERR_CONNECTION_REFUSED ，但 fetch 的catch塊返回一條消息TypeError Failed to fetch當服務器離線時。

例子

以下最小提取突出顯示了兩條錯誤消息：

fetch("https://localhost/get-something", {
    method: "POST"
}).then(resp => {
    console.log(resp)
}).catch(err => {
    console.log("ERR:", err, err.name, err.message)
})

運行 fetch 時，瀏覽器的控制台會出現兩個錯誤：

POST https://localhost/get-something net::ERR_CONNECTION_REFUSED

和

ERR: TypeError: Failed to fetch
// err.message will be "failed to fetch"

在服務器關閉以外的實例中返回泛型failed to fetch消息。 我對ERR_CONNECTION_REFUSED的瀏覽器控制台錯誤更感興趣。

問題

有沒有辦法在失敗的 fetch 調用中捕獲ERR_CONNECTION_REFUSED值？

Answer 1

不幸的是，這是不可能的，因為這種消息是從 Chrome 本身打印在控制台中的。 多年來一直在爭論抑制這些類型的消息，但共識似乎是這些類型的消息是可取的。

您只能使用過濾器將它們從您的客戶端隱藏檢查： https://umaar.com/dev-tips/79-hide-network-console/