Ошибка: соединение ECONNREFUSED ::1:8000 в Nuxt 3

Я работаю над проектом Nuxt 3 и столкнулся со следующей ошибкой:

[nitro] [unhandledRejection] connect ECONNREFUSED ::1:8000

Эта ошибка возникает, когда я пытаюсь сделать API-запросы к бэкенду во время разработки. Я подозреваю, что она связана с тем, что сервер фронтенда (Nuxt 3) не работает или неправильно настроен, но я не уверен, как ее решить.

Это происходит, когда я пытаюсь получить токены от бэкенда при запуске приложения. Поэтому я пытаюсь вызвать бэкенд в middleware/auth.global.ts и в plugin/initail.ts следующим образом, чтобы убедиться, что токен пользователя установлен в состояние (я использую Pinia для управления состоянием)

import useAuthStore from "~/store/useAuthStore";
export default defineNuxtRouteMiddleware(async () => {
    const authStore = useAuthStore();

    if (!authStore.isAuthenticated) {
        // Call the backend here
        await authStore.checkAuthState();
    }
});

import useAuthStore from "~/store/useAuthStore";
export default defineNuxtPlugin(async (nuxtApp) => {
    const authStore = useAuthStore();
    authStore.checkAuthState();
});

Моя функция checkAuthState() выглядит следующим образом :

try {
   // Attempt to refresh the token if access is empty
   const axiosApi = axios.create({
    baseURL: "http://localhost:8000/api",
    headers: {
      "Content-Type": "application/json",
      'Accept': 'application/json',
    },
    withCredentials: true,
    withXSRFToken: true,
    timeout: 10000,
  });
   await await axiosApi.post('/token/refresh/');
} catch (error) {
   console.error("Error refreshing token:", error);
   this.authenticated = false;
   return;
}

Вот некоторая дополнительная информация о моей установке:

Фронтенд: Nuxt 3 с Axios. Бэкенд: Django (или укажите свой бэкенд), запущенный локально на порту 8000. Я использую http://localhost:8000 в качестве базового URL для API-запросов.

Заранее спасибо за помощь!

То, что я уже пробовал:

Убедился, что бэкэнд работает и доступен через http://localhost:8000 в моем браузере. Обновил URL-адрес базы Axios, чтобы использовать http://localhost:8000. Кто-нибудь знает, что может быть причиной этой проблемы или как я могу ее решить?

Вернуться на верх