From 5c226a6ba87c234cfd792b9aedc69fd7a64a722b Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 12 Dec 2023 17:34:05 +0800
Subject: [PATCH] feat: 404

---
 ui/src/request/index.ts    |  4 +++
 ui/src/views/404/index.vue | 71 ++++++++++++++++++--------------------
 2 files changed, 37 insertions(+), 38 deletions(-)

diff --git a/ui/src/request/index.ts b/ui/src/request/index.ts
index e016c62d3..d51a3ca19 100644
--- a/ui/src/request/index.ts
+++ b/ui/src/request/index.ts
@@ -47,10 +47,14 @@ instance.interceptors.response.use(
     return response
   },
   (err: any) => {
+    console.log(err)
     if (err.code === 'ECONNABORTED') {
       MsgError(err.message)
       console.error(err)
     }
+    if (err.response?.status === 404) {
+      router.push('/404 ')
+    }
     if (err.response?.status === 401) {
       router.push({ name: 'login' })
     }
diff --git a/ui/src/views/404/index.vue b/ui/src/views/404/index.vue
index 66348be1a..60c654c4b 100644
--- a/ui/src/views/404/index.vue
+++ b/ui/src/views/404/index.vue
@@ -1,49 +1,44 @@
-<template >
-    <el-row class="not-found-container">
-        <el-col class="img" :span="12">
-
-        </el-col>
-        <el-col class="message-container" :span="12">
-            <div class="title">404</div>
-            <div class="message">很抱歉，您要访问的页面地址有误,或者该页面不存在。</div>
-            <div class="operate"><el-button type="primary" @click="router.push('/')">返回首页</el-button></div>
-        </el-col>
-    </el-row>
+<template>
+  <el-row class="not-found-container">
+    <el-col class="img" :span="12"> </el-col>
+    <el-col class="message-container" :span="12">
+      <div class="title">404</div>
+      <div class="message">很抱歉，无法访问应用！</div>
+      <!-- <div class="operate"><el-button type="primary" @click="router.push('/')">返回首页</el-button></div> -->
+    </el-col>
+  </el-row>
 </template>
 <script setup lang="ts">
-import { useRouter } from 'vue-router';
+import { useRouter } from 'vue-router'
 const router = useRouter()
-
 </script>
 <style lang="scss" scoped>
 .not-found-container {
-    height: 100vh;
-    width: 100vw;
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  height: 100vh;
+  width: 100vw;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 
-    .img {
-        background-image: url('@/assets/404.png');
-        background-size: 100% 100%;
-        width: 50%;
-        height: 100%;
+  .img {
+    background-image: url('@/assets/404.png');
+    background-size: 100% 100%;
+    width: 50%;
+    height: 100%;
+  }
+
+  .message-container {
+    color: var(--app-text-color);
+
+    .title {
+      font-size: 50px;
+      font-weight: 500;
     }
 
-    .message-container {
-        color: var(--app-text-color);
-
-        .title {
-            font-size: 50px;
-            font-weight: 500;
-
-        }
-
-        .message {
-            font-size: 20px;
-            margin: 50px 0 20px 0;
-        }
+    .message {
+      font-size: 20px;
+      margin: 30px 0 20px 0;
     }
-
+  }
 }
-</style>
\ No newline at end of file
+</style>