Как получить status code из запроса fetch в блоке catch?

Question

[Дмитрий Путилов]

Всем привет, возникла проблема, есть вот такая вот функция

async checkConnection() {
            return new Promise(async () => {
                this.changeErrorConnection(false)
                try {
                    const response = await fetch(`${this.webUrl}/checkConnection/`);
                    const responseJson = await response.json()

                    if(responseJson?.Content === 'OK') {
                        this.hideAvailabilityMessage();
                        this.changeVisibleScan(true)
                    }
                    this.changeVisibleLoader(false)
                } catch (e) {
                    this.changeVisibleLoader(false)
                    if(e.message === "Load failed") {
                        this.changeErrorConnection(true)
                    }

                    if(e.message === 'Failed to fetch') {
                        this.showAvailabilityMessage();
                        this.changeVisibleScan(false)
                        return setTimeout(() => {
                            this.checkConnection()
                        }, 3000)
                    }
                }
            })
        }

Делаю запрос на сервер и он падает в ошибку и я хочу понять ,что там произошло, как получить статус кода?

Если выводить response.statusCode, то он даже до него не доходит, потому что его отлавливает catch и вот как это можно обойти? как из error вытянуть statusCode?

Comments

[Алексей Ярков]

Вывести e в консоль и посмотреть какие свойства есть, к какому обратиться можно

[Lynn «Кофеман»]

Так какая же на самом деле ошибка?

Вообще fetch не особо обращает внимание на statusCode. И 404 и 502 для него не ошибки.
А ошибка это, например, ошибки CORS и в таком случае никаких данных про ответ (в том числе statusCode) вы не получите потому что именно в этом смысл CORS и состоит.

[Дмитрий Путилов]

Lynn «Кофеман», Вообще ошибка вот такая вот


но вот то что ниже, он выводит из e.message

А вот как получить этот ERR_CONNECTION_TIMED_OUT. Потому что
Failed to fetch выскакивает и в других случиях тоже

Answer 1

[Dosya]

Делаю запрос на сервер и он падает в ошибку и я хочу понять ,что там произошло, как получить статус кода?

const response = await fetch(`${this.webUrl}/checkConnection/`);
console.log(response.status, 'status') //Вот так получают статус

Comments

[Дмитрий Путилов]

А что то можно в catch в переменной error получить что то кроме error.message и error.name?

[Rise]

Dosya, не переходит:

fetch('https://httpstat.us/500').then(()=>alert('then')).catch(()=>alert('catch'))

[Rise]

Дмитрий Путилов, никак не получить, в catch попадают только сетевые ошибки chrome://network-errors/, к статусам ответа они отношения не имеют (статус будет просто 0), названия этих ошибок недоступны скрипту специально, по политике безопасности.

[Dosya]

Rise, Я ошибся