這集影片會帶你完成一個簡單但實用的 React × Python FastAPI 登入驗證實作。
我們會從設定 Python FastAPI 開啟 CORS 開始，讓前端能順利呼叫後端 API，再到 React 中建立登入畫面，接上後端登入 API，取得 Token 並儲存登入資訊，接著會介紹如何使用 useContext 統一管理設定檔（像是 API 網址與系統標題），讓整個專案更有彈性。
最後，我們會加入帳號顯示與登出功能，並保護未登入者無法進入後台頁面，完成一個基本但實用的後台登入流程，整體設計簡潔、清楚，適合剛學完 React 的朋友進一步打造自己的後台系統。
00:00 本集重點
00:54 Python FastAPI 開啟 CORS，允許跨網域請求
01:49 React 使用 useContext 管理設定檔
04:28 實作登入畫面與 API 整合
07:39 顯示登入使用者帳號，並提供登出功能
10:17 功能頁面未登入保護
