Authorization Header

 

FastApi로 백엔드를 하고

NextJs로 프론트로 하여 토이프로젝트를 하고 있다.

 

그런데 jwt토큰을 Header의 Authorization으로 key값으로 하여 응답으로 전달했으나

프론트에서는  undefine으로 보이지 않았다.

 

백엔드에서 로그를 찍어보면 잘 전달 하고....

 

고민이 시작되었다. 나가는데 왜 못받는거니....

 

이유는 CORS ....

 

해결법

app.add_middleware(

    CORSMiddleware,

    allow_origins=origins,

    allow_credentials=True,

    allow_methods=["*"],

    allow_headers=["*"],

    expose_headers=["Authorization"] <--- 추가

)

 

 

깔끔히 해결

 

이건 gpt도 안알려 주더라구 ㅡㅡ