250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 함수형 프로그래밍 특징
- 리액트 메모이제이션
- 리액트
- JS module system
- 웹팩 기본개념
- gql restapi 차이
- 테스트 코드 툴 비교
- 리액트 렌더링 최적화
- 알고리즘
- 항해99 사전스터디
- 웹 크롤링
- 자바스크립트 엔진 v8
- 항해99
- 타입스크립트
- 코어자바스크립트
- this
- jwt
- 항해99 미니프로젝트
- 리액트 메모
- toggle-btn
- Js module
- 항해99 부트캠프
- 렌더링 최적화
- js배열 알고리즘
- v8 원리
- FP 특징
- 실행컨텍스트
- 리덕스
- next js
- chromatic error
Archives
- Today
- Total
Jaeilit
TIL 프로젝트 마지막날 잘못된 점이 보이기 시작했다. 본문
728x90
평소 작업하면서 의아했던 부분 시간이 없어서 나중에 리팩토링때 보자고 기억?해뒀던 부분들을 다시 보고 찾아보니 서서히 문제점이 발견되기 시작했다.
1. 로그인체크유무
- axios 파일에 instance에 인터셉터와 기본헤더설정을 같이하고 있음
- 의아했음 인터셉터는 요청마다 가로채는 역할인데 여기에 토큰을 걸면 요청마다 헤더에 토큰유무를 알고 요청하지않을까?
근데 지금 기본헤더설정으로 토큰 값을 주고 있음,
결론은 둘중에 하나는 기능을 못하는 것임. - console 로 인터셉터에 토큰이 들어오는지도 찍어보고 요청을 보내봤지만 토큰이 유지되지 않는 것,
해결
문제점...
config.header.common 부분에 매개변수 config 를 받아와서 메서드를 써야하는데
이 전에는 instance.header로 작성했던 것,
이 부분을 계기로 instance.default.headers.common은 모두 걷어내고
인터셉터로 요청마다 토큰을 자동으로 넣어줍니다!
728x90
'TIL' 카테고리의 다른 글
CRA에서 eject 없이 webpack-bundle-analyzer 사용하기 (0) | 2021.12.06 |
---|---|
성능개선 ( 이미지 리사이징 ) (0) | 2021.12.06 |
세션스토리지 이용해서 문제해결하기 (임시저장) (0) | 2021.11.27 |
배열 중복제거 (0) | 2021.11.25 |
리액트 모달 띄웠을시 바깥 스크롤 막기 (0) | 2021.11.21 |