一.跨域原理跨域的根本来源是浏览器的同源策略。1.1 同源的判定1.2 CORS交互流程同源策略是浏览器给前端设的墙CORS 是服务器递过来的通行证。二.跨域方法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, # 关掉即可 allow_methods[*], allow_headers[*], )2.3易错点这两者不能同时生效。allow_origins[*] # 允许所有源 allow_credentialsTrue # 允许携带 Cookie 【项目篇】解决FastAPI项目中的跨域问题
一.跨域原理跨域的根本来源是浏览器的同源策略。1.1 同源的判定1.2 CORS交互流程同源策略是浏览器给前端设的墙CORS 是服务器递过来的通行证。二.跨域方法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, # 关掉即可 allow_methods[*], allow_headers[*], )2.3易错点这两者不能同时生效。allow_origins[*] # 允许所有源 allow_credentialsTrue # 允许携带 Cookie RELATED READING
延伸阅读
更多一线实战笔记与深度复盘，助您持续精进
