From 37106b648f22cfa55eee711838fb306a7e365bcd Mon Sep 17 00:00:00 2001
From: xream <xream@icloud.com>
Date: Thu, 14 Dec 2023 13:49:40 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E5=89=8D=E7=AB=AF?=
 =?UTF-8?q?=E6=8B=A6=E6=88=AA=E5=90=8E=E7=AB=AF=E8=B7=AF=E7=94=B1=E7=9A=84?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/locales/en.ts      |  1 +
 src/locales/zh.ts      |  1 +
 src/views/NotFound.vue | 16 +++++++++++++---
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/locales/en.ts b/src/locales/en.ts
index 343510242..d3fefd3ca 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -56,6 +56,7 @@ export default {
   notFoundPage: {
     title: 'Oops! URL Error!',
     desc: 'Back to Home Page',
+    backendDesc: 'If you are seeing this, it is probably due to a routing interception issue on the front end of your browser. You can force a refresh to see it or use the link directly without affecting the use of this link.',
   },
   // subscription management page
   subPage: {
diff --git a/src/locales/zh.ts b/src/locales/zh.ts
index c559f60df..f7e533733 100644
--- a/src/locales/zh.ts
+++ b/src/locales/zh.ts
@@ -56,6 +56,7 @@ export default {
   notFoundPage: {
     title: '啊哦～ URL 错误！',
     desc: '回首页',
+    backendDesc: '如果你看到这个 可能是因为浏览器前端路由拦截的问题 可以强制刷新查看或直接使用该链接 不影响此链接的使用',
   },
   // 订阅管理页
   subPage: {
diff --git a/src/views/NotFound.vue b/src/views/NotFound.vue
index 834963248..4a16a38e4 100644
--- a/src/views/NotFound.vue
+++ b/src/views/NotFound.vue
@@ -1,11 +1,20 @@
 <template>
   <div class="wrapper">
-    <h3>{{ $t('notFoundPage.title') }}</h3>
+    
+    <h3 v-if="isBackend">
+      <p>{{ $t('notFoundPage.backendDesc') }}</p>
+    </h3>
+    <h3 v-else>{{ $t('notFoundPage.title') }}</h3>
     <router-link to="/">{{ $t('notFoundPage.desc') }}</router-link>
   </div>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import { useRoute } from 'vue-router';
+
+const route = useRoute();
+const isBackend = /\/(api|download)\/.+/.test(route.fullPath)
+</script>
 
 <style lang="scss" scoped>
   .wrapper {
@@ -15,9 +24,10 @@
     justify-content: center;
     align-items: center;
     flex-direction: column;
+    color: var(--primary-text-color);
 
     h3 {
-      padding-bottom: 24px;
+      padding: 0 24px 24px 24px;
     }
   }
 </style>