diff --git a/open-isle-cli/src/components/HeaderComponent.vue b/open-isle-cli/src/components/HeaderComponent.vue
index 2370e4d3a..686168451 100644
--- a/open-isle-cli/src/components/HeaderComponent.vue
+++ b/open-isle-cli/src/components/HeaderComponent.vue
@@ -12,7 +12,12 @@
         </div>
       </div>
 
-      <div class="header-content-right">
+      <div v-if="isLogin" class="header-content-right">
+        <div class="header-content-item-main" @click="goToProfile">个人中心</div>
+        <div class="header-content-item-secondary" @click="goToLogout">退出</div>
+      </div>
+
+      <div v-else class="header-content-right">
         <div class="header-content-item-main" @click="goToLogin">登录</div>
         <div class="header-content-item-secondary" @click="goToSignup">注册</div>
       </div>
@@ -21,6 +26,8 @@
 </template>
 
 <script>
+import { isLogin } from '../utils/auth'
+
 export default {
   name: 'HeaderComponent',
   props: {
@@ -29,6 +36,12 @@ export default {
       default: true
     }
   },
+  computed: {
+    isLogin() {
+      return isLogin()
+    }
+  },
+
   methods: {
     goToHome() {
       this.$router.push('/')
diff --git a/open-isle-cli/src/utils/auth.js b/open-isle-cli/src/utils/auth.js
index 519c06943..d9036ed7b 100644
--- a/open-isle-cli/src/utils/auth.js
+++ b/open-isle-cli/src/utils/auth.js
@@ -14,6 +14,12 @@ export function clearToken() {
   localStorage.removeItem(TOKEN_KEY)
 }
 
+export function isLogin() {
+  const token = getToken()
+  console.log('token', token)
+  return token !== null && token !== ''
+}
+
 export async function checkToken() {
   const token = getToken()
   if (!token) return false