一.跨域原理跨域的根本來源是瀏覽器的同源策略。1.1 同源的判定1.2 CORS交互流程同源策略是瀏覽器給前端設(shè)的墻CORS 是服務(wù)器遞過來的通行證。二.跨域方法2.1需要攜帶 Cookiefrom fastapi.middleware.cors import CORSMiddleware app.add_middleware( CORSMiddleware, allow_origins[http://localhost:5173, http://127.0.0.1:5173], # 寫死前端地址 allow_credentialsTrue, allow_methods[*], allow_headers[*],2.2不需要 Cookiefrom fastapi.middleware.cors import CORSMiddleware app.add_middleware( CORSMiddleware, allow_origins[*], allow_credentialsFalse, # 關(guān)掉即可 allow_methods[*], allow_headers[*], )2.3易錯點這兩者不能同時生效。allow_origins[*] # 允許所有源 allow_credentialsTrue # 允許攜帶 Cookie 【項目篇】解決FastAPI項目中的跨域問題
一.跨域原理跨域的根本來源是瀏覽器的同源策略。1.1 同源的判定1.2 CORS交互流程同源策略是瀏覽器給前端設(shè)的墻CORS 是服務(wù)器遞過來的通行證。二.跨域方法2.1需要攜帶 Cookiefrom fastapi.middleware.cors import CORSMiddleware app.add_middleware( CORSMiddleware, allow_origins[http://localhost:5173, http://127.0.0.1:5173], # 寫死前端地址 allow_credentialsTrue, allow_methods[*], allow_headers[*],2.2不需要 Cookiefrom fastapi.middleware.cors import CORSMiddleware app.add_middleware( CORSMiddleware, allow_origins[*], allow_credentialsFalse, # 關(guān)掉即可 allow_methods[*], allow_headers[*], )2.3易錯點這兩者不能同時生效。allow_origins[*] # 允許所有源 allow_credentialsTrue # 允許攜帶 Cookie