FastAPI-இல் எனது முதல் CORS பிழை
நான் உருவாக்குவதன் மூலம் கற்றுக்கொள்கிறேன். நான் ஒரு expense tracker-ஐ உருவாக்கினேன். Backend-க்கு நான் FastAPI-யைப் பயன்படுத்தினேன். Frontend-க்கு நான் HTML மற்றும் JavaScript பயன்படுத்தினேன்.
Server தொடங்கியது. Swagger UI வேலை செய்தது. HTML பக்கம் தோல்வியடைந்தது. Load Expenses பட்டன் எந்த வேலையும் செய்யவில்லை.
நான் எனது Python குறியீட்டைச் சரிபார்த்தேன். நான் எனது fetch request-ஐச் சரிபார்த்தேன். எதுவும் தவறாகத் தெரியவில்லை.
நான் browser console-ஐத் திறந்தேன். நான் ஒரு சிவப்பு நிறப் பிழையைக் கண்டேன். CORS அந்த request-ஐத் தடுத்தது.
Frontend port 3000-ஐப் பயன்படுத்தியது. Backend port 8000-ஐப் பயன்படுத்தியது. Browser வெவ்வேறு origins-களைக் கண்டது. அது இணைப்பைத் தடுத்தது.
நான் எனது FastAPI குறியீட்டில் CORSMiddleware-ஐச் சேர்த்தேன். நான் http://127.0.0.1:3000 என்ற origin-ஐ அனுமதித்தேன். பிழை மறைந்துவிட்டது.
உங்களுக்கான பாடங்கள்:
- முதலில் உங்கள் browser console-ஐத் திறக்கவும்.
- உங்கள் API-யைத் தனித்தனியாகச் சோதிக்கவும்.
- CORS பிழைகள் browser-இல் நிகழ்கின்றன. அவை code bugs அல்ல.
மூலம்: https://dev.to/bynilotpal/my-first-cors-error-in-fastapi-2hf6