File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<template>
<header>
<div class="logo-wrap gd-12 flex justify-end align-center ">
<ul>
<li>{{ store.state.loginUser.usernm }} 님</li>
<li class="header-border" @click="logout">로그아웃</li>
</ul>
</div>
</header>
</template>
<script>
import axios from 'axios';
import store from '../AppStore';
export default {
data() {
return {
store : store
}
},
methods: {
logout : function(){
const vm = this;
axios({
url: '/logout.json',
method: 'post',
headers: {
'Content-Type': 'application/json; charset=UTF-8'
},
}).then(function (response) {
if(response.data.checkMessage.status > 0){
store.commit('setLoginUser', null);
vm.$router.push({ path: '/login.page', query: {} });
}
}).catch(function (error) {
console.log(error);
});
},
},
watch: {
},
computed: {
},
mounted() {
console.log("header mounted")
console.log(store.state.loginUser)
}
}
</script>
<style scoped>
ul{
display: flex;
flex-wrap: nowrap;
}
li{
margin-left: 30px;
cursor: pointer;
}
.header-border{
position: relative;
}
.header-border::after{
content: '|';
position: absolute;
left: -15px;
}
</style>