Моя первая ошибка CORS в FastAPI

Моя первая ошибка CORS в FastAPI

Я учусь, создавая проекты. Я создал трекер расходов. Для бэкенда я использовал FastAPI. Для фронтенда я использовал HTML и JavaScript.

Сервер запустился. Swagger UI работал. HTML-страница не работала. Кнопка Load Expenses ничего не делала.

Я проверил свой Python-код. Я проверил свой fetch-запрос. Ничего не выглядело неправильным.

Я открыл консоль браузера. Я увидел красную ошибку. CORS заблокировал запрос.

Фронтенд использовал порт 3000. Бэкенд использовал порт 8000. Браузер увидел разные origin. Он заблокировал соединение.

Я добавил CORSMiddleware в свой код FastAPI. Я разрешил origin http://127.0.0.1:3000. Ошибка исчезла.

Уроки для вас:

• Сначала открывайте консоль браузера.
• Тестируйте API отдельно.
• Ошибки CORS возникают в браузере. Это не баги в коде.

Источник: https://dev.to/bynilotpal/my-first-cors-error-in-fastapi-2hf6