404页面

• 路由里面的设置

  // 找不到的路由
  {
    path: '/notfound',
    component: notfound
  },
  // 兜底
  {
    path: '*',
    redirect: '/notfound'
  }

-404 页面

<template>
 <div @click="toLogin" class="notfound">
   <img src="../assets/404.gif" alt />
 </div>
</template>

<script>
export default {
 name: "notfound",
 created() {
   this.$message.success(
     "你成功的发现了错误页哦！，要不要回去呀！！点页面的任意位置都会返回登录页！"
   );
 },
 methods: {
   toLogin() {
     this.$router.push("/login");
   }
 }
};
</script>

<style lang='less' scoped>
.notfound {
 background-color: #0691d2;
 display: flex;
 justify-content: center;
 align-items: center;
 height: 100%;
}
</style>