𝗠𝘆 𝗙𝗶𝗿𝘀𝘁 𝗖𝗢𝗥𝗦 𝗘𝗿𝗿𝗼𝗿 𝗜𝗻 𝗙𝗮𝘀𝘁𝗔𝗣𝗜
Я навчаюся через створення проєктів. Я створив трекер витрат. Я використав 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