FastAPI와 안드로이드에서 CORS를 허용하는 방법

CORS(Cross Origin Resource Sharing)

백엔드와 프론트엔드의 Origin이 다를때 나타나는 상황

 

출처 : https://beomy.github.io/tech/browser/cors/

 

FastAPI에서 CORS를 허용하는 방법

CORSMiddleware를 사용한다.

from fastapi.middleware.cors import CORSMiddleware
.
.
.
.
origins = [
    "http://localhost.tiangolo.com",
    "https://localhost.tiangolo.com",
    "http://localhost",
    "http://localhost:8080",
]

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

• allow_origins에서 모두 허용하려면 와일드카드로 넣으면 된다.
  • 그게 아니라면 특정 url만 리스트에 넣고 참조시키면 된다.
• method에는 POST,PUT,GET등이 들어간다. 허용하고자 하는 것들만 넣거나 와일드카드 처리한다.
• 특정 HTTP Header를 허용시키려면 직접 넣으면 되고 모두 허용시키려면 와일드카드 처리한다.
• allow_credentials : 쿠키가 CORS 지원이 되는지 나타낸다. 기본값은 False이며 False인 경우 allow_origins에 와일드 카드를 넣을 수 없고 다 직접 지정해주어야한다.

Reference : https://lucky516.tistory.com/108

 

안드로이드에서 CORS허용하기 : Webview(Web) mixedcontent

android 설정

webview.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW)

html 설정

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">