lingji-work-fe/src/layouts/NotFound.vue

<script setup lang="ts">
import { Button } from 'ant-design-vue';
import { useRouter } from 'vue-router';

const router = useRouter();
const back = () => {
  router.replace('/');
};
</script>

<template>
  <div class="content">
    <a-result class="result" status="404" subtitle="页面跑路了" />
    <div class="operation-row flex justify-center">
      <Button key="back" type="primary" @click="back">返回</Button>
    </div>
  </div>
</template>

<style scoped lang="scss">
.content {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -95px;
  margin-top: -121px;
  text-align: center;
}
</style>