Initial commit: 网络验证平台

frontend/src/pages/errors/401.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import Error from '@/components/custom-error.vue'
+</script>
+
+<template>
+  <div class="flex items-center justify-center h-screen">
+    <Error
+      :code="401"
+      subtitle="Unauthorized"
+      error="You are not authorized to access this page."
+    />
+  </div>
+</template>
+
+<route lang="yaml">
+meta:
+  layout: blank
+</route>

frontend/src/pages/errors/403.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import Error from '@/components/custom-error.vue'
+</script>
+
+<template>
+  <div class="flex items-center justify-center h-screen">
+    <Error
+      :code="403"
+      subtitle="Forbidden"
+      error="You are not authorized to access this page."
+    />
+  </div>
+</template>
+
+<route lang="yaml">
+meta:
+  layout: blank
+  </route>

frontend/src/pages/errors/404.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import Error from '@/components/custom-error.vue'
+</script>
+
+<template>
+  <div class="flex items-center justify-center h-screen">
+    <Error
+      :code="404"
+      subtitle="Page Not Found"
+      error="The page you are looking for might have been removed, had its name changed, or is temporarily unavailable."
+    />
+  </div>
+</template>
+
+<route lang="yaml">
+meta:
+  layout: blank
+  </route>

frontend/src/pages/errors/500.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import Error from '@/components/custom-error.vue'
+</script>
+
+<template>
+  <div class="flex items-center justify-center h-screen">
+    <Error
+      :code="500"
+      subtitle="Internal Server Error"
+      error="The server encountered an unexpected condition which prevented it from fulfilling the request."
+    />
+  </div>
+</template>
+
+<route lang="yaml">
+meta:
+  layout: blank
+  </route>

frontend/src/pages/errors/503.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import Error from '@/components/custom-error.vue'
+</script>
+
+<template>
+  <div class="flex items-center justify-center h-screen">
+    <Error
+      :code="503"
+      subtitle="Service Unavailable"
+      error="The server is currently unable to handle the request due to a temporary overloading or maintenance of the server."
+    />
+  </div>
+</template>
+
+<route lang="yaml">
+meta:
+  layout: blank
+  </route>

frontend/src/pages/errors/index.vue

@@ -0,0 +1,4 @@
+<script lang="ts" setup>
+const router = useRouter()
+router.replace({ name: '/errors/404' })
+</script>