1. /*
    2.  * @Author: zzd993
    3.  * @Date: 2022-08-16 10:10:32
    4.  * @LastEditors: zzd993
    5.  * @LastEditTime: 2022-08-16 12:38:39
    6.  * @FilePath: \elabnote-front-main\src\api\systemcenter\logout.ts
    7.  * Copyright (c) 2022 by BMY, All Rights Reserved.
    8.  */
    9. import { sysRequest } from '@/service'
    11. export const logOut = () => {
    12.   return sysRequest.post({
    13.     url: '/scUser/logOut'
    14.   })
    15. }
    1. /*
    2.  * @Author: zzd993
    3.  * @Date: 2022-08-16 10:57:35
    4.  * @LastEditors: zzd993
    5.  * @LastEditTime: 2022-08-16 13:48:03
    6.  * @FilePath: \elabnote-front-main\src\util\Logout\index.ts
    7.  * Copyright (c) 2022 by BMY, All Rights Reserved.
    8.  */
    9. import { localCache } from '@/util'
    10. import { logOut } from '@/api/systemcenter'
    11. import router from '@/router'
    13. export const LogOut = async () => {
    14.   await logOut()
    15.   localCache.clearCookies()
    16.   await router.replace('/login')
    17.   localCache.clearCache()
    18.   location.reload()
    19. }
    1. <!--
    2.  * @Author: zhangy
    3.  * @Date: 2022-06-15 21:04:26
    4.  * @LastEditors: zzd993
    5.  * @LastEditTime: 2022-08-16 12:41:08
    6.  * @FilePath: \elabnote-front-main\src\views\not-found\index.vue
    7.  * Copyright (c) 2022 by BMY, All Rights Reserved.
    8. -->
    9. <template>
    10.   <div class="container">
    11.     <!-- <Breadcrumb :items="['menu.exception', 'menu.exception.404']" /> -->
    12.     <div class="content">
    13.       <a-result class="result" status="404" :subtitle="subtitle" />
    14.       <a-space v-if="!Props.isSimple">
    15.         <a-button key="again" @click="() => router.back()">
    16.           {{ $t('notFound.back') }}
    17.         </a-button>
    18.         <a-button key="back" type="primary" @click="skipLogin">
    19.           {{ $t('notFound.login') }}
    20.         </a-button>
    21.       </a-space>
    22.     </div>
    23.   </div>
    24. </template>
    26. <script setup lang="ts">
    27.   import { useRouter } from 'vue-router'
    28.   import { useI18n } from 'vue-i18n'
    29.   import { LogOut } from '@/util/Logout'
    30.   const Props = withDefaults(defineProps<{ subtitle?: string; isSimple?: boolean }>(), {
    31.     subtitle: () => useI18n().t('notFound.tipInfo'),
    32.     isSimple: false
    33.   })
    35.   const router = useRouter()
    37.   const skipLogin = () => {
    38.     LogOut()
    39.   }
    40. </script>
    42. <style lang="scss" scoped>
    43.   .content {
    44.     position: absolute;
    45.     top: 50%;
    46.     left: 50%;
    47.     transform: translate(-50%, -50%);
    48.     text-align: center;
    49.   }
    50. </style>