Kelevra_V Posts - Answer Overflow

Kelevra_V

•Created by Kelevra_V on 5/30/2024 in #❓・help

Handling status codes using $fetch and try/catch statements

TL;DR: how do you handle http status codes using $fetch. Apologies if this is a newbie question but I'm curious what the best practice is for the following scenario. The nuxt client calls the nuxt server, the nuxt server calls the separate backend. As an example, for a login, if the backend returns a 400, that means a 2FA code is required. The way I have it set up now is that the call from nuxt client to nuxt server returns a 200 with the backend response, and I read that response to determine how to handle it. I was told this is inconsistent; the nuxt server should also return a 400 and should handle that. Since a 400 is considered an exception, my code would need to look something like this:

  try {
    const loginResponse = await login(email, password);
    if (loginResponse.statusCode === 200) {
      handleLogInSuccess(loginResponse);
    } else {
      throw createError({ statusCode: 500, statusMessage: "Error" });
    }
  } catch (error) {
    if (error.statusCode === 400) {
      handle2FARequired();
    } else if (error.statusCode === 401) {
      handleInvalidCredentials();
    } ... else {
      handleErrorFallback();
    }
  }

  try {
    const loginResponse = await login(email, password);
    if (loginResponse.statusCode === 200) {
      handleLogInSuccess(loginResponse);
    } else {
      throw createError({ statusCode: 500, statusMessage: "Error" });
    }
  } catch (error) {
    if (error.statusCode === 400) {
      handle2FARequired();
    } else if (error.statusCode === 401) {
      handleInvalidCredentials();
    } ... else {
      handleErrorFallback();
    }
  }

Hoping for some feedback or discussion on whether this is the proper approach. Thanks in advance.

3 replies

Gaming

Programming