Просмотр исходного кода

```
feat(router): 添加404页面路由配置

- 在路由配置中添加通配符路由,用于处理未找到的页面路径
- 配置NotFound组件,提升用户体验

feat(locales): 添加页面未找到的国际化文本

- 在英文语言包中添加"notFoundPage"文本:"Sorry, the page you
visited cannot be found!"
- 在中文语言包中添加"notFoundPage"文本:"对不起,您访问的页面找不
到啦!"
```

zhangningning недель назад: 4
Родитель
Сommit
6d908c9039
4 измененных файлов с 14 добавлено и 0 удалено
  1. 1 0
      src/locales/en.js
  2. 1 0
      src/locales/zh-CN.js
  3. 6 0
      src/pages/NotFound.vue
  4. 6 0
      src/router/index.js

+ 1 - 0
src/locales/en.js

@@ -118,6 +118,7 @@ export default {
     registeredNum:"Registered Number",
     registeredNum:"Registered Number",
     remainingTime:"Remaining Time",
     remainingTime:"Remaining Time",
     readAndAgree:"I have read and agree ",
     readAndAgree:"I have read and agree ",
+    notFoundPage:"Sorry, the page you visited cannot be found!",
   },
   },
   login: {
   login: {
     smsLogin: 'Captcha Login',
     smsLogin: 'Captcha Login',

+ 1 - 0
src/locales/zh-CN.js

@@ -124,6 +124,7 @@ export default {
     registeredNum:"已报名人数",
     registeredNum:"已报名人数",
     remainingTime:"剩余时间",
     remainingTime:"剩余时间",
     readAndAgree:"我已阅读并同意",
     readAndAgree:"我已阅读并同意",
+    notFoundPage:"对不起,您访问的页面找不到啦!",
   },
   },
   login: {
   login: {
     smsLogin: '验证码登录',
     smsLogin: '验证码登录',

+ 6 - 0
src/pages/NotFound.vue

@@ -0,0 +1,6 @@
+<template>
+  <el-empty :image-size="200" :description="$t('common.notFoundPage')" />
+</template>
+<script setup>
+
+</script>

+ 6 - 0
src/router/index.js

@@ -212,6 +212,12 @@ const routes = [
         meta: { title: 'route.myLearningCourseDetail' }
         meta: { title: 'route.myLearningCourseDetail' }
       }
       }
     ]
     ]
+  },
+  // 404 路由
+  {
+    path: '/:pathMatch(.*)*',
+    name: 'NotFound',
+    component: () => import('@/pages/NotFound.vue')
   }
   }
 ]
 ]