diff --git a/src/components/auth/Login.vue b/src/components/auth/Login.vue index 32330e8c46a5fb61bd6037bdadaefa46d83ae9a4..3fb919f459e741e96abc3d922e4945b8714a2f0d 100644 --- a/src/components/auth/Login.vue +++ b/src/components/auth/Login.vue @@ -2,6 +2,7 @@ import axios from "axios"; import CryptoJS from "crypto-js"; import fetchData from "@/store/fetchData"; +import logout from "@/store/logout.js"; export default { @@ -52,24 +53,17 @@ export default { } }, - async logout() { - // await logout.logout(); - // fetch 해서 login 정보의 access 토큰을 들고와서 : 나중에 fetchData 분리 처리 - const response = await axios.get("https://172.16.0.60:8443/api/auth/logout", { - headers: { - // accessToken 을 들고온 값을 여기 넣어주고 - "Authorization": `Bearer ${this.$store.state.user.info.accessToken}`, - }, + async logout() { + const response = await logout.logout(); - }) console.log(response) // 로그인 상태일때 "로그아웃" 실행 if(response.status === 200){ // user 값을 빈객체 null 혹은 {} 로 clear 해주기 this.$store.commit("setUserData", {}); - console.log("로그아웃") + console.log("로그아웃 성공") }else{ console.log("로그아웃 실패") } diff --git a/src/store/logout.js b/src/store/logout.js index 401feb702b66c20aea71c60b1d6f6ff60359b185..db02c3a9d412dfbb1b1e69414cd2ff8f6c4d91a3 100644 --- a/src/store/logout.js +++ b/src/store/logout.js @@ -1,26 +1,28 @@ import axios from "axios"; +import store from "@/store/store.js"; // 로그인되어있는 상태에서 accessToken 값을 뽑아와서 header 에 실어보내 매칭시키고 clear 로 export default { async logout() { // fetch 해서 login 정보의 access 토큰을 들고와서 : 나중에 fetchData 분리 처리 - const response = await axios.get("https://172.16.0.60:8443/api/auth/logout", { + return await axios.get("https://172.16.0.60:8443/api/auth/logout", { headers: { // accessToken 을 들고온 값을 여기 넣어주고 - "Authorization": `Bearer ${this.$store.state.user.info.accessToken}`, + // this.$store 가 인식되지 않아 state 오류가 났고 store 를 import 해주었다. + "Authorization": `Bearer ${store.state.user.info.accessToken}`, }, }) - console.log(response) - - // 로그인 상태일때 "로그아웃" 실행 - if(response.status === 200){ - // user 값을 빈객체 null 혹은 {} 로 clear 해주기 - this.$store.commit("setUserData", {}); - console.log("로그아웃") - }else{ - console.log("로그아웃 실패") - } + // console.log(response) + // + // // 로그인 상태일때 "로그아웃" 실행 + // if(response.status === 200){ + // // user 값을 빈객체 null 혹은 {} 로 clear 해주기 + // this.$store.commit("setUserData", {}); + // console.log("로그아웃 성공") + // }else{ + // console.log("로그아웃 실패") + // } }, };