프론트엔드 정복하기
배포 후 로그아웃이 안되는 문제 본문
로그아웃 버튼을 2번째(더블클릭 X) 눌렀을 때 성공했다.
로그를 확인하니 1번째 눌렀을 때 OPTIONS 메소드, 두번째 눌렀을 때 OPTIONS, GET 메소드로 요청되었다.
OPTIONS란 웹서버에서 지원되는 메소드의 종류를 확인할 경우 사용됐다.
첫번째 클릭 시 get 메소드로 요청하기 전 options 메소드만 실행된 것이다.
로그아웃 버튼을 클릭했을 때 메인페이지로 이동하는 것까지 되었으나 로그아웃 함수가 실행 되지 않는 것이 이상했다.
어떻게 메인페이지로 이동할 수 있었나 확인해봤다.
로그아웃버튼이 a태그로 되어있었고, href 속성으로 인해 이동할 수 있었다.
로그아웃 함수가 실행되기 전에 href 속성때문에 페이지 이동이 발생했다는 것을 캐치했다.
button태그로 바꾸니 해결됐다.
**
options 메소드를 먼저 요청하고 post메소드를 호출한다. 이것을 Preflighted request라고 한다.
'개발노트' 카테고리의 다른 글
Set 객체 (0) | 2021.07.08 |
---|---|
zero fill style (00, 01, ...24) 형태로 나타내기 (0) | 2021.07.08 |
ESLint 규칙 - 함수 매개변수 재할당 금지 (0) | 2021.05.27 |
배포 후 쿠키, 세션 문제 (0) | 2020.09.15 |
배포 session 오류 해결 (0) | 2020.08.28 |