chore: 修改登录

.env

-# projectId=1017
-
-# newProjectId=25634964940156928
-projectId: '6800242743894343680',
+projectId=6800242743894343680
 
 baseURL=https://project-api.ezijing.com
 

.env.dev

-# projectId=1017
-
-# newProjectId=25634964940156928
-projectId: '6800242743894343680',
+projectId=6800242743894343680
 
 baseURL=https://project-api.ezijing.com
 

.env.test

-# projectId=1017
-
-# newProjectId=25634964940156928
-projectId: '6800242743894343680',
+projectId=6800242743894343680
 
 baseURL=https://project-api2.ezijing.com
 

components/Head.vue

@@ -3,35 +3,27 @@
     <div class="color-bar"></div>
     <div class="head-top-content">
       <div class="max-width-content">
-        <img
-          :src="
-            $cookies.get('lang') == 'en-US'
-              ? 'https://webapp-pub.ezijing.com/www/pc/en-logo.png'
-              : 'https://zws-imgs-pub.ezijing.com/static/public/0411340f9306b908eda54b5d66668f50.png'
-          "
-          alt=""
-          @click="goPage('/')"
-        />
-        <!-- <div class="login-btn-box" v-if="$route.path === '/roadmap'">
-          <div class="login" @click="handleLogin">快速登录</div>
-          <div class="register">注册</div>
-        </div> -->
+        <div class="logo-box">
+          <img
+            :src="$cookies.get('lang') == 'en-US' ? 'https://webapp-pub.ezijing.com/www/pc/en-logo.png' : 'https://zws-imgs-pub.ezijing.com/static/public/0411340f9306b908eda54b5d66668f50.png'"
+            @click="goPage('/')"
+          />
+        </div>
         <template v-if="$route.path === '/roadmap'">
-          <div class="user" v-if="user.id">
-            <span>{{ user.realname || user.nickname }}</span
-            ><em>|</em><span class="logout" @click="logout">退出</span>
-          </div>
-          <div class="login-btn-box" v-else>
-            <div class="login"><a :href="loginURL" :key="loginURL">登录</a></div>
-            <div class="register">
-              <a :href="registerURL">注册</a>
+          <client-only>
+            <div class="user" v-if="user.id">
+              <span>{{ user.realname || user.nickname }}</span
+              ><em>|</em><span class="logout" @click="logout">退出</span>
+            </div>
+            <div class="login-btn-box" v-else>
+              <div class="login"><a :href="loginURL" :key="loginURL">登录</a></div>
+              <div class="register">
+                <a :href="registerURL">注册</a>
+              </div>
             </div>
-          </div>
+          </client-only>
         </template>
-        <div class="language">
-          <span @click="switchLocale('zh-CN')">中文</span
-          ><span style="display:none" @click="switchLocale('en-US')">EN</span>
-        </div>
+        <div class="language"><span @click="switchLocale('zh-CN')">中文</span><span style="display:none" @click="switchLocale('en-US')">EN</span></div>
       </div>
     </div>
     <div class="head-nav-content max-width-content">
@@ -68,19 +60,8 @@
                 </template>
               </div>
               <template v-for="(level2Item, level2Index) in item.childern">
-                <div
-                  class="two-level"
-                  :key="level2Index + 'two-level2'"
-                  v-if="level2Item.isShow"
-                  @mouseenter="level3Show"
-                  @mouseleave="level3Show(level2Item, 'out')"
-                >
-                  <div
-                    @click="goPage(level3Item.path, level3Item.pathType)"
-                    class="name"
-                    v-for="(level3Item, level3Index) in level2Item.childern"
-                    :key="level3Index + level3Item"
-                  >
+                <div class="two-level" :key="level2Index + 'two-level2'" v-if="level2Item.isShow" @mouseenter="level3Show" @mouseleave="level3Show(level2Item, 'out')">
+                  <div @click="goPage(level3Item.path, level3Item.pathType)" class="name" v-for="(level3Item, level3Index) in level2Item.childern" :key="level3Index + level3Item">
                     {{ level3Item.name }}
                   </div>
                 </div>
@@ -444,8 +425,9 @@ export default {
     this.$store.dispatch('checkLogin')
   },
   methods: {
-    // 登录
-    handleLogin() {},
+    logout() {
+      this.$store.dispatch('logout')
+    },
     switchLocale(locale) {
       this.$cookies.set('lang', locale, { domain: 'ezijing.com' })
       this.isEn = this.$cookies.get('lang') === 'en-US'
@@ -522,17 +504,10 @@ export default {
       return this.$store.state.user || {}
     },
     loginURL() {
-      console.log('process.client', process.client, process.env, this)
-      return process.client
-        ? `${process.env.loginURL}/login/index?redirect_uri=${encodeURIComponent(
-            location.origin + this.$route.fullPath
-          )}`
-        : ''
+      return process.client ? `${process.env.loginURL}/login/index?redirect_uri=${encodeURIComponent(location.origin + this.$route.fullPath)}` : ''
     },
     registerURL() {
-      return process.client
-        ? `${process.env.loginURL}/register?redirect_uri=${encodeURIComponent(location.origin + this.$route.fullPath)}`
-        : ''
+      return process.client ? `${process.env.loginURL}/register?redirect_uri=${encodeURIComponent(location.origin + this.$route.fullPath)}` : ''
     }
   }
 }
@@ -565,6 +540,21 @@ li {
         cursor: pointer;
         display: block;
       }
+      .logo-box {
+        flex: 1;
+      }
+      .user {
+        margin-left: auto;
+        font-size: 14px;
+        em {
+          font-size: 14px;
+          font-style: normal;
+          padding: 0 14px;
+        }
+        .logout {
+          cursor: pointer;
+        }
+      }
       .login-btn-box {
         margin-left: auto;
         display: flex;
@@ -589,7 +579,9 @@ li {
         }
       }
       .language {
-        margin-left: auto;
+        margin-left: 24px;
+        font-size: 14px;
+        color: #333;
         cursor: pointer;
       }
     }