reactjs - React Axios Capturado (en promesa)

Actualmente estoy tratando de recibir datos de una API con Axios, lo cual me da un Uncaught (in promise). No hay más información en el mensaje de error.

Dashboard.tsx:

Axios.get("/WeatherForecast/Get").then(response => {
        console.log("success");
        console.log(response);
    }).catch((exception) => {
        console.log(exception);
    });

axiosConfig.ts:

import axios from "axios";
import { URL_API } from "./config/config";

export const configAxios = () => {
axios.defaults.baseURL = URL_API;

axios.interceptors.response.use(function (response) {
    if (response.data) {
        // return success
        if (response.data.status === 200 || response.data.status === 201) {
            return response;
        }
        // reject errors & warnings
        return Promise.reject(response);
    }

    // default fallback
    return Promise.reject(response);
}, function (error) {
    // if the server throws an error (404, 500 etc.)
    return Promise.reject(error);
});
}

Respuesta en la consola:

Respuesta #1

Actualiza tu interceptor para que apunte a response.status en lugar de response.data.status. Según el esquema de la respuesta, response.data te proporcionará el código de estado numérico contra el cual puedes realizar tus comprobaciones condicionantes:

import axios from "axios";
import { URL_API } from "./config/config";

export const configAxios = () => {
  axios.defaults.baseURL = URL_API;

  axios.interceptors.response.use(
    function (response) {
      if (response.data) {
        // return success
        if (response.status === 200 || response.status === 201) {
          return response;
        }
        // reject errors & warnings
        return Promise.reject(response);
      }

      // default fallback
      return Promise.reject(response);
    },
    function (error) {
      // if the server throws an error (404, 500 etc.)
      return Promise.reject(error);
    }
  );
};