FastAPI ನಲ್ಲಿ ನನ್ನ ಮೊದಲ CORS ದೋಷ

ನಾನು ನಿರ್ಮಿಸುವ ಮೂಲಕ ಕಲಿಯುತ್ತೇನೆ. ನಾನು ಒಂದು expense tracker ಅನ್ನು ನಿರ್ಮಿಸಿದೆ. ನಾನು backend ಗಾಗಿ FastAPI ಅನ್ನು ಬಳಸಿದೆ. ನಾನು frontend ಗಾಗಿ HTML ಮತ್ತು JavaScript ಅನ್ನು ಬಳಸಿದೆ.

ಸರ್ವರ್ ಪ್ರಾರಂಭವಾಯಿತು. Swagger UI ಕೆಲಸ ಮಾಡಿತು. HTML ಪುಟವು ವಿಫಲವಾಯಿತು. Load Expenses ಬಟನ್ ಯಾವುದೇ ಪ್ರತಿಕ್ರಿಯೆ ನೀಡಲಿಲ್ಲ.

ನಾನು ನನ್ನ Python ಕೋಡ್ ಅನ್ನು ಪರಿಶೀಲಿಸಿದೆ. ನಾನು ನನ್ನ fetch request ಅನ್ನು ಪರಿಶೀಲಿಸಿದೆ. ಯಾವುದೂ ತಪ್ಪಾಗಿ ಕಾಣಲಿಲ್ಲ.

ನಾನು ಬ್ರೌಸರ್ ಕನ್ಸೋಲ್ ಅನ್ನು ತೆರೆದೆ. ನಾನು ಕೆಂಪು ಬಣ್ಣದ ದೋಷವನ್ನು ನೋಡಿದೆ. CORS ವಿನಂತಿಯನ್ನು ತಡೆಹಿಡಿಯಿತು.

Frontend ಪೋರ್ಟ್ 3000 ಅನ್ನು ಬಳಸುತ್ತಿತ್ತು. Backend ಪೋರ್ಟ್ 8000 ಅನ್ನು ಬಳಸುತ್ತಿತ್ತು. ಬ್ರೌಸರ್ ವಿಭಿನ್ನ origins ಅನ್ನು ಗುರುತಿಸಿತು. ಅದು ಸಂಪರ್ಕವನ್ನು ತಡೆಹಿಡಿಯಿತು.

ನಾನು ನನ್ನ FastAPI ಕೋಡ್‌ಗೆ CORSMiddleware ಅನ್ನು ಸೇರಿಸಿದೆ. ನಾನು http://127.0.0.1:3000 ಮೂಲವನ್ನು ಅನುಮತಿಸಿದೆ. ದೋಷವು ಮಾಯವಾಯಿತು.

ನಿಮಗಾಗಿ ಪಾಠಗಳು:

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