Commit @7e7983f1283d12ba94b382eae40a60e7e4fb597c

Stormen123 2023-11-23

20231123 로그아웃 시 메인페이지로 이동

@7e7983f1283d12ba94b382eae40a60e7e4fb597c

8a905ae

7e7983f

client/views/layout/Header.vue

--- client/views/layout/Header.vue

+++ client/views/layout/Header.vue


                         <span>님</span></p>
                     <p v-else>{{ store.state.loginUser.user_id }} <span>님</span></p>
                 </li>
-                <li class="login" v-if="store.state.loginUser === null">
+                <li class="login" v-else>
                     <router-link to="/Login.page"><i class="fa-solid fa-user fa-lg" style="color: #ffffff;"></i>
                         로그인</router-link>
                 </li>
-                <li class="logout" v-else @click="logout()">
+                <li class="logout" v-if="store.state.loginUser != null" @click="logout()">
                     로그아웃
                 </li>
-                <li class="join" v-if="store.state.loginUser === null">
+                <li class="join" v-else>
                     <router-link to="/Join.page"> <i class="fa-solid fa-user-plus fa-lg" style="color: #ffffff;"></i>
                         회원가입</router-link>
                 </li>

             })
                 .then(function (response) {
                     // console.log("logout - response : ", response);
-                    vm.$router.push({ path: "/Login.page", query: {} });
+                    vm.store.state.loginUser = null;
+
+                    if(window.location.href.slice(-1) === '/') {
+                        vm.$router.go(0);
+                    } else {
+                        vm.$router.push({ path: "/", query: {} });
+                    }
+                    
                 })
                 .catch(function (error) {
                     console.log("logout - error : ", error);

Add a comment

Open 0
Closed 0

List

...	...	@@ -7,14 +7,14 @@
7	7	<span>님</span></p>
8	8	<p v-else>{{ store.state.loginUser.user_id }} <span>님</span></p>
9	9	</li>
10		- <li class="login" v-if="store.state.loginUser === null">
	10	+ <li class="login" v-else>
11	11	<router-link to="/Login.page"><i class="fa-solid fa-user fa-lg" style="color: #ffffff;"></i>
12	12	로그인</router-link>
13	13	</li>
14		- <li class="logout" v-else @click="logout()">
	14	+ <li class="logout" v-if="store.state.loginUser != null" @click="logout()">
15	15	로그아웃
16	16	</li>
17		- <li class="join" v-if="store.state.loginUser === null">
	17	+ <li class="join" v-else>
18	18	<router-link to="/Join.page"> <i class="fa-solid fa-user-plus fa-lg" style="color: #ffffff;"></i>
19	19	회원가입</router-link>
20	20	</li>
...	...	@@ -50,7 +50,14 @@
50	50	})
51	51	.then(function (response) {
52	52	// console.log("logout - response : ", response);
53		- vm.$router.push({ path: "/Login.page", query: {} });
	53	+ vm.store.state.loginUser = null;
	54	+
	55	+ if(window.location.href.slice(-1) === '/') {
	56	+ vm.$router.go(0);
	57	+ } else {
	58	+ vm.$router.push({ path: "/", query: {} });
	59	+ }
	60	+
54	61	})
55	62	.catch(function (error) {
56	63	console.log("logout - error : ", error);

Delete comment