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

𝗠𝗶𝗷𝗻 𝗲𝗲𝗿𝘀𝘁𝗲 𝗖𝗢𝗥𝗦-𝗳𝗼𝘂𝘁 𝗶𝗻 𝗙𝗮𝘀𝘁𝗔𝗣𝗜

Ik leer door te bouwen. Ik heb een expense tracker gebouwd. Ik gebruikte FastAPI voor de backend. Ik gebruikte HTML en JavaScript voor de frontend.

De server startte. Swagger UI werkte. De HTML-pagina werkte niet. De 'Load Expenses'-knop deed niets.

Ik controleerde mijn Python-code. Ik controleerde mijn fetch-verzoek. Niets leek fout te zijn.

Ik opende de browserconsole. Ik zag een rode foutmelding. CORS blokkeerde het verzoek.

De frontend gebruikte poort 3000. De backend gebruikte poort 8000. De browser zag verschillende origins. Het blokkeerde de verbinding.

Ik voegde CORSMiddleware toe aan mijn FastAPI-code. Ik stond de origin http://127.0.0.1:3000 toe. De foutmelding verdween.

Lessen voor jou:

• Open eerst je browserconsole.
• Test je API apart.
• CORS-fouten treden op in de browser. Het zijn geen bugs in de code.

Bron: https://dev.to/bynilotpal/my-first-cors-error-in-fastapi-2hf6