𝗠𝘆 𝗙𝗶𝗿𝘀𝘁 𝗖𝗢𝗥𝗦 𝗘𝗿𝗿𝗼𝗿 𝗜𝗻 𝗙𝗮𝘀𝘁𝗔𝗣𝗜

Mój pierwszy błąd CORS w FastAPI

Uczę się poprzez budowanie. Zbudowałem tracker wydatków. Do backendu użyłem FastAPI. Do frontendu użyłem HTML i JavaScript.

Serwer wystartował. Swagger UI działał. Strona HTML nie działała. Przycisk Load Expenses nie robił nic.

Sprawdziłem swój kod w Pythonie. Sprawdziłem swoje zapytanie fetch. Nic nie wyglądało na błędne.

Otworzyłem konsolę przeglądarki. Zobaczyłem czerwony błąd. CORS zablokował żądanie.

Frontend używał portu 3000. Backend używał portu 8000. Przeglądarka widziała różne pochodzenia. Zablokowała połączenie.

Dodałem CORSMiddleware do swojego kodu FastAPI. Dopuściłem pochodzenie http://127.0.0.1:3000. Błąd zniknął.

Lekcje dla Ciebie:

• Najpierw otwórz konsolę przeglądarki.
• Testuj swoje API oddzielnie.
• Błędy CORS występują w przeglądarce. Nie są to błędy w kodzie.

Źródło: https://dev.to/bynilotpal/my-first-cors-error-in-fastapi-2hf6