[Vue JS] Cookie 가져오기

vue-cookies 패키지를 사용해서 브라우저에 저장된 쿠키를 가져올 수 있다.

 

설치

npm install vue-cookies

 

추가

// main js

...
import VueCookies from 'vue-cookies';

Vue.use(VueCookies);
...

 

사용

 F12(개발자 도구) > Application > Storage > Cookies 에 들어가서 테스트를 위한 쿠키 생성

 

example

// test.vue

...
mounted() {
	const cookieKey = 'test';
	const cookieValue = this.$cookies.get(cookieKey);
	console.log(cookieValue;)
}
...

 

결과