idcjp/vue2_frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

수정2...

Browse Source
This commit is contained in:
최준흠 2022-09-01 17:24:04 +09:00
parent 3f7674766a
commit 126bd4468c
3 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env
View File

@ -8,7 +8,7 @@ VUE_APP_AUTH_HOST="http://localhost:2000"
VUE_APP_BACKEND_HOST="http://localhost:3000" VUE_APP_BACKEND_HOST="http://localhost:3000"
#LocalStorage는 Edge 브라우저의 개발툴 > 응용프로그램 > 로컬 저장소에서 확인가능 #LocalStorage는 Edge 브라우저의 개발툴 > 응용프로그램 > 로컬 저장소에서 확인가능
VUE_APP_LOCALSTORAGE_NAME="access_token" VUE_APP_SESSIONSTORAGE_JWT_NAME="access_token"
VUE_APP_SESSIONSTORAGE_REDIRECT_NAME = "RedirectPATH" VUE_APP_SESSIONSTORAGE_REDIRECT_NAME = "RedirectPATH"

9
src/components/common/LoginComponent.vue
View File

@ -89,12 +89,15 @@ export default {
console.log(result) console.log(result)
if (!result) { if (!result) {
console.log(result) console.log(result)
sessionStorage.removeItem(process.env.VUE_APP_LOCALSTORAGE_NAME) sessionStorage.removeItem(process.env.VUE_APP_SESSIONSTORAGE_JWT_NAME)
alert('로그인 실패...') alert('로그인 실패...')
//this.$router.back() //this.$router.back()
} else { } else {
// localStorage를 사용하면, 브라우저에 key-value 값을 Storage에 저장할 수 있습니다 // localStorage를 사용하면, 브라우저에 key-value 값을 Storage에 저장할 수 있습니다
sessionStorage.setItem(process.env.VUE_APP_LOCALSTORAGE_NAME, result) sessionStorage.setItem(
process.env.VUE_APP_SESSIONSTORAGE_JWT_NAME,
result
)
alert('로그인 성공...') alert('로그인 성공...')
//저장된 redirect path를 이용 이동시킴 //저장된 redirect path를 이용 이동시킴
this.$router.replace( this.$router.replace(
@ -126,7 +129,7 @@ export default {
const headers = { const headers = {
Authorization: Authorization:
'Bearer ' + 'Bearer ' +
sessionStorage.getItem(process.env.VUE_APP_LOCALSTORAGE_NAME) sessionStorage.getItem(process.env.VUE_APP_SESSIONSTORAGE_JWT_NAME)
} }
return await axios return await axios
.post(url, params, headers) .post(url, params, headers)

2
src/router/index.js
View File

@ -60,7 +60,7 @@ router.beforeEach((to, from, next) => {
if (to.matched.some((routeRecord) => routeRecord.meta.requiredAuth)) { if (to.matched.some((routeRecord) => routeRecord.meta.requiredAuth)) {
//2. 로그인 인증 않된 경우 //2. 로그인 인증 않된 경우
//sessionStorage Access-Token이 없으면 Login페이지로 전송 //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 페이지 이동 => 로그인 페이지') console.log(from.path + ' => 3. Login 페이지 이동 => 로그인 페이지')
//로그인 성공 후 이동할 URL 저장 //로그인 성공 후 이동할 URL 저장
sessionStorage.setItem( sessionStorage.setItem(