FastAPI में मेरी पहली CORS एरर
मैं चीज़ें बनाकर सीखता हूँ। मैंने एक expense tracker बनाया। मैंने बैकएंड के लिए FastAPI का उपयोग किया। मैंने फ्रंटएंड के लिए HTML और JavaScript का उपयोग किया।
सर्वर शुरू हो गया। Swagger UI काम कर रहा था। HTML पेज काम नहीं कर रहा था। 'Load Expenses' बटन ने कुछ नहीं किया।
मैंने अपना Python कोड चेक किया। मैंने अपनी fetch request चेक की। कुछ भी गलत नहीं लग रहा था।
मैंने ब्राउज़र कंसोल खोला। मुझे एक लाल रंग की एरर दिखी। CORS ने रिक्वेस्ट को ब्लॉक कर दिया।
फ्रंटएंड पोर्ट 3000 का उपयोग कर रहा था। बैकएंड पोर्ट 8000 का उपयोग कर रहा था। ब्राउज़र ने अलग-अलग origins देखे। इसने कनेक्शन को ब्लॉक कर दिया।
मैंने अपने FastAPI कोड में CORSMiddleware जोड़ा। मैंने origin http://127.0.0.1:3000 को अनुमति दी। एरर गायब हो गई।
आपके लिए सबक:
- सबसे पहले अपना ब्राउज़र कंसोल खोलें।
- अपनी API को अलग से टेस्ट करें।
- CORS एरर ब्राउज़र में होती हैं। ये कोड के बग (bugs) नहीं हैं।
स्रोत: https://dev.to/bynilotpal/my-first-cors-error-in-fastapi-2hf6