Как обрабатывать код ошибок из firebase на js?

Question

[Арман Дендибаев]

Firebase возвращает код ошибки такие как:

• EMAIL_EXISTS: Такой почты уже есть
  
• EMAIL_NOT_FOUND: Такой почты нету либо удален
  
• INVALID_PASSWORD: Неверный пароль.
  
• USER_DISABLED: Аккаунт отключён админом
  

Как их обрабатывать через js/axios
Хочу выводить блок/уведомление с названием Ошибки

Answer 1

[Антон Неверов]

Обрабатываете ответ сервера как обычно. Проверяете, если статус !== 200, то выбрасываете ошибку со значениями из ответа:

throw new Error(`Ошибка запроса: ${result.errror.message}`);

По кодам ошибки можете дописать свои классы ошибок, чтобы их было удобнее обрабатывать.

Comments

[Арман Дендибаев]

Я вот так отправляю запрос

setData = async data => {
        await axios.post(`https://identitytoolkit.googleapis.com/v1/accounts:signInWithPassword?key=${this.props.apiKey}`, data)
            .then(response => console.log(response))
            .catch(error => console.log(error))
    }

[Антон Неверов]

У вас что-то очень странное происходит. Вы используете await и then одновременно.
Я не очень знаком с axios, но, скорее всего, это будет выглядеть так:

const setData = async data => {
    return new Promise((resolve, reject) => {
        axios.post(`https://identitytoolkit.googleapis.com/v1/accounts:signInWithPassword?key=${this.props.apiKey}`, data)
            .then(response => resolve(response))
            .catch(error => reject(new Error('Текст ошибки')));
    });
}

Можно переписать с использованием async/await, но зависит от того, что возвращает метод .post()