Cookie path 설정

설명

path 속성을 이용하면 웹 서버의 특정 URL에 대해서만 쿠키를 전송할 수 있다.

특징

path 속성은 웹 서버의 디렉토리 단위(URL 경로 상에 슬래쉬(/)로 구분되는 단위)로 지정이 가능하며, 디렉토리를 지정하면 해당 디렉토리와 그 하위 디렉토리에만 쿠키가 전송된다.

예시

Cookie	Path	전송 범위
Cookie 1	지정하지 않음	Cookie를 생성했던 URL 범위에서 전송
Cookie 2	/	웹 어플리케이션의 모든 URL 범위에서 전송
Cookie 3	/path 1/	/path 1/... 요청 시 전송
Cookie 4	/path 2/	/path 2/... 또는 그 하위 경로인 /path 2/path 3/... 요청 시 전송
Cookie 5	/path 2/path 3/	/path 2/path 3/... 요청 시 전송

오류 상황과 해결

✔️ vue-persisted를 사용 후, 로그아웃을 하는 경우 cookie가 삭제 되어야 하는데 되지 않았다. cookie path를 설정하지 않아 cookie를 생성했던 URL(로그인)에서만 cookie가 전송되었고, 로그아웃 시에는 cookie를 생성했던 URL이 아닌 다른 URL이었기에 cookie 삭제가 불가능했던 것이다. 그래서 cookie path를 ‘/(슬래쉬)’로 설정해 전역에서 전송하도록 해 해결했다.