| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
- 클라우드#클라우드서비스#클라우드개념#IaaS#Paas#Saas
- docker #k8s #배포하기
- non-locking
- Vuejs#JavaScript#프레임워크#개요#개념
- abstract
- REST#SOAP#API
- Mysql #RDBMS #설치 #기동 #설정
- interface
- React #생명주기
- ssl #개인키 #공개키
- X.25
- React
- k8s
- 오라클#튜닝
- MQ#MOM#메시지지향미들웨어#Kafka#ActiveMQ#rabbitMQ
- JDK1.8
- Oracle #ANSI #SQL #JOIN
- JPA #생명주기
- memory #리눅스 #자원관리
- java
- SSH #공개키인증
- MySQL 5.7 #MySQL 8.0 #차이점 #업그레이드
- WEB #HTTP #HTTPS #SSL #통신개념
- React#기초#JS#JavaScrip#개념
- MQM #웹서버
- ssh #pem
- 모니터링 #k8s #prometheus #metricbeat #elasticsearch #logstash
- EKS란
- cors #Authorization
- 이펙티스자바
- Today
- Total
개발노트
react - header의 Authorization받기 본문
프론트에서 fetch로 서버에 로그인 요청을 하면 서버에서 jwt토큰을 만들어 header에 심어 응답을 해주는데, 자꾸 프론트에서 "Authorization"으로 응답을 받지 못해 이것저것 다하다가 많은 시간을 날렸다.
서버에서 토큰을 심는 코드
프론트에서 토큰을 추출하는 코드
위처럼 토큰을 받고, console에 찍어보면 자꾸 undefined가 나왔다.
그러다 아래 글을 보았다.
Axios Response header의 값이 없는 경우에 대해
어떤 상황의 어디에 영향을 미치는 문제인가요? - WHO AND WHAT React에서 axios 라이브러리를 사용했다. POST의 Response를 받기 위해 다음과 같은 코드를 사용했다. API 서버에서 Header에 standard header가 아..
bogmong.tistory.com
정말 간단하게 서버의 CorsFilter에
config.addExposedHeader("Authorization");
을 추가했더니 해결되었다.
ExpoesdHeader에 클라이언트가 응답에 접근할 수 있는 header들을 추가할 수 있다.
그리고 MDN문서를 보면 Authorization은 무조건 명시를 해야한단다.
아래는 MDN문서
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Expose-Headers
Access-Control-Expose-Headers - HTTP | MDN
The Access-Control-Expose-Headers response header allows a server to indicate which response headers should be made available to scripts running in the browser, in response to a cross-origin request.
developer.mozilla.org
'web > React.js' 카테고리의 다른 글
| React 기초 (6, 생명주기) (0) | 2021.01.21 |
|---|---|
| React 기초 (5) (0) | 2021.01.21 |
| React 기초 (4) (0) | 2021.01.21 |
| React 기초 (3) (0) | 2021.01.21 |
| React 기초 (2) (0) | 2021.01.21 |
