FastAPIలో నా మొదటి CORS ఎర్రర్
నేను నిర్మించడం ద్వారా నేర్చుకుంటాను. నేను ఒక expense tracker నిర్మించాను. బ్యాకెండ్ కోసం నేను FastAPIని ఉపయోగించాను. ఫ్రంటెండ్ కోసం నేను HTML మరియు JavaScriptని ఉపయోగించాను.
సర్వర్ స్టార్ట్ అయింది. Swagger UI పనిచేసింది. HTML పేజీ ఫెయిల్ అయింది. 'Load Expenses' బటన్ ఏమీ చేయలేదు.
నేను నా Python కోడ్ని తనిఖీ చేశాను. నేను నా fetch రిక్వెస్ట్ని తనిఖీ చేశాను. ఏదీ తప్పుగా అనిపించలేదు.
నేను బ్రౌజర్ కన్సోల్ను ఓపెన్ చేశాను. అక్కడ ఒక ఎరుపు రంగు ఎర్రర్ కనిపించింది. CORS రిక్వెస్ట్ను బ్లాక్ చేసింది.
ఫ్రంటెండ్ పోర్ట్ 3000ని ఉపయోగించింది. బ్యాకెండ్ పోర్ట్ 8000ని ఉపయోగించింది. బ్రౌజర్ వేర్వేరు ఒరిజిన్లను (origins) గుర్తించింది. అది కనెక్షన్ను బ్లాక్ చేసింది.
నేను నా FastAPI కోడ్కి CORSMiddlewareని జోడించాను. నేను http://127.0.0.1:3000 ఒరిజిన్ను అనుమతించాను. ఎర్రర్ మాయమైపోయింది.
మీ కోసం పాఠాలు:
- మొదట మీ బ్రౌజర్ కన్సోల్ను ఓపెన్ చేయండి.
- మీ APIని విడిగా పరీక్షించండి.
- CORS ఎర్రర్లు బ్రౌజర్లో జరుగుతాయి. అవి కోడ్ బగ్స్ కావు.
మూలం: https://dev.to/bynilotpal/my-first-cors-error-in-fastapi-2hf6