7.2 登录界面与退出登录

src/views/home.vue

@@ -66,6 +66,18 @@ const message = function () {
 //   // window.location.reload();
 //   ElMessage.success('退出成功')
 // }
+function logout() {
+  console.log('111')
+  // const machineId = localStorage.getItem('machineId')
+  // console.log('machineId:', machineId)
+  // localStorage.removeItem('token')
+  // localStorage.clear();
+  router.push('/login-hxl')
+  //添加刷新页面的代码
+  // window.location.reload();
+  ElMessage.success('退出成功')
+}
+
 
 // 挂载
 onMounted(async function () {
@@ -199,7 +211,7 @@ const handleClose = (key, keyPath) => {
                 <span style="margin-left: 10px">{{ adminData.name }}</span>
               </template>
               <el-menu-item @click="message()">查看个人信息</el-menu-item>
-              <el-menu-item index="1-2" >退出登录</el-menu-item>
+              <el-menu-item index="1-2" @click="logout()">退出登录</el-menu-item>
             </el-sub-menu>
           </el-menu>
         </el-header>

src/views/index.vue

@@ -56,16 +56,17 @@ const message = function () {
 
 // 获取machineId
 
-// function logout() {
+function logout() {
+  console.log('111')
   // const machineId = localStorage.getItem('machineId')
   // console.log('machineId:', machineId)
   // localStorage.removeItem('token')
-//   // localStorage.clear();
-//   router.push('/login?machineId=' + machineId)
-//   //添加刷新页面的代码
-//   // window.location.reload();
-//   ElMessage.success('退出成功')
-// }
+  // localStorage.clear();
+  router.push('/login-hxl')
+  //添加刷新页面的代码
+  // window.location.reload();
+  ElMessage.success('退出成功')
+}
 
 // 挂载
 onMounted(async function () {
@@ -225,7 +226,7 @@ const handleClose = (key, keyPath) => {
                 <span style="margin-left: 10px">{{ adminData.name }}</span>
               </template>
               <el-menu-item @click="message()">查看个人信息</el-menu-item>
-              <el-menu-item index="1-2" @click="logout">退出登录</el-menu-item>
+              <el-menu-item index="1-2" @click="logout()">退出登录</el-menu-item>
             </el-sub-menu>
           </el-menu>
         </el-header>