[Tip] FastAPI 서버에서 CORS 이슈 해결하기

Web / Development / Tip

2021.10.26.

틈만 나면 웹 개발자를 괴롭히는 CORS 이슈, FastAPI에서 간단하게 해결해 봅시다.

CORS 문제 해결하기

from fastapi import FastAPI
from fastapi.middleware.cors import CORSMiddleware

app = FastAPI()

origins = [
    "http://localhost.tiangolo.com",
    "https://localhost.tiangolo.com",
    "http://localhost",
    "http://localhost:8080",
]

app.add_middleware(
    CORSMiddleware,
    allow_origins=origins,
    allow_credentials=True,
    allow_methods=["*"],
    allow_headers=["*"],
)


@app.get("/")
async def main():
    return {"message": "Hello World"}

FastAPI에서 CORS 이슈를 해결하기 위한 미들웨어를 제공 합니다.
App에 CORSMiddleware을 추가한 뒤, allow_origins에 접근을 허용하고자 하는 origin 들을 리스트로 추가하면
간편하게 CORS 이슈를 해결 할 수 있습니다.

Reference

CORS 문제 해결하기
Reference