首页 前端知识 vue如何配置404路由

vue如何配置404路由

2024-08-04 22:08:52 前端知识 前端哥 230 636 我要收藏

前言

在我们的项目中怎么进行404notfound页面的配置?


首先我们要创建我们的404路由

<template>
  <div>not found</div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
  setup() {
    return {}
  }
})
</script>

<style lang="less" scoped>
</style>

注册我们的路由,然后重定向我们的404路由,

  {
    name: 'notfound',
    path: '/notfound',
    component: () => import('@/views/not-found/404.vue')
  },
  {
    /**
     * 进行我们的路由匹配,通俗来讲就是比如我们是http://localhost:8080
     * 匹配我们/后面的如果你乱写的话就会重定向我们的404路由
     * 举个例子
     *   { path: '/user-:afterUser(.*)',      redirect: '/notfound},
     * 匹配我们/user后面的内容,如果你乱写的话就会进入404
     */
    path: '/:pathMatch(.*)*',
    redirect: '/notfound'
  }

转载请注明出处或者链接地址:https://www.qianduange.cn//article/14780.html
标签
评论
发布的文章

RapidJSON介绍

2024-08-14 00:08:38

jQuery 4 beta 震撼发布

2024-08-14 00:08:36

cJSON的使用

2024-08-14 00:08:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!