From 126bd4468c6f00b01f89fb14f392e18c36c94ba4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=B5=9C=EC=A4=80=ED=9D=A0?= Date: Thu, 1 Sep 2022 17:24:04 +0900 Subject: [PATCH] =?UTF-8?q?=EC=88=98=EC=A0=952...?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .env | 2 +- src/components/common/LoginComponent.vue | 9 ++++++--- src/router/index.js | 2 +- 3 files changed, 8 insertions(+), 5 deletions(-) diff --git a/.env b/.env index 74e594a..1b5a6c0 100644 --- a/.env +++ b/.env @@ -8,7 +8,7 @@ VUE_APP_AUTH_HOST="http://localhost:2000" VUE_APP_BACKEND_HOST="http://localhost:3000" #LocalStorage는 Edge 브라우저의 개발툴 > 응용프로그램 > 로컬 저장소에서 확인가능 -VUE_APP_LOCALSTORAGE_NAME="access_token" +VUE_APP_SESSIONSTORAGE_JWT_NAME="access_token" VUE_APP_SESSIONSTORAGE_REDIRECT_NAME = "RedirectPATH" diff --git a/src/components/common/LoginComponent.vue b/src/components/common/LoginComponent.vue index 579ab08..88118c9 100644 --- a/src/components/common/LoginComponent.vue +++ b/src/components/common/LoginComponent.vue @@ -89,12 +89,15 @@ export default { console.log(result) if (!result) { console.log(result) - sessionStorage.removeItem(process.env.VUE_APP_LOCALSTORAGE_NAME) + sessionStorage.removeItem(process.env.VUE_APP_SESSIONSTORAGE_JWT_NAME) alert('로그인 실패...') //this.$router.back() } else { // localStorage를 사용하면, 브라우저에 key-value 값을 Storage에 저장할 수 있습니다 - sessionStorage.setItem(process.env.VUE_APP_LOCALSTORAGE_NAME, result) + sessionStorage.setItem( + process.env.VUE_APP_SESSIONSTORAGE_JWT_NAME, + result + ) alert('로그인 성공...') //저장된 redirect path를 이용 이동시킴 this.$router.replace( @@ -126,7 +129,7 @@ export default { const headers = { Authorization: 'Bearer ' + - sessionStorage.getItem(process.env.VUE_APP_LOCALSTORAGE_NAME) + sessionStorage.getItem(process.env.VUE_APP_SESSIONSTORAGE_JWT_NAME) } return await axios .post(url, params, headers) diff --git a/src/router/index.js b/src/router/index.js index 04b22a5..892d910 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -60,7 +60,7 @@ router.beforeEach((to, from, next) => { if (to.matched.some((routeRecord) => routeRecord.meta.requiredAuth)) { //2. 로그인 인증 않된 경우 //sessionStorage Access-Token이 없으면 Login페이지로 전송 - if (!sessionStorage.getItem(process.env.VUE_APP_LOCALSTORAGE_NAME)) { + if (!sessionStorage.getItem(process.env.VUE_APP_SESSIONSTORAGE_JWT_NAME)) { console.log(from.path + ' => 3. Login 페이지 이동 => 로그인 페이지') //로그인 성공 후 이동할 URL 저장 sessionStorage.setItem(