当前位置: 首页 > article >正文

Vue Router 如何配置 404 页面?

在 Vue 项目中,如果你想配置一个 404 页面(即找不到页面提示),你需要通过 Vue Router 来设置。这通常通过将路由配置中的 *(通配符)指向一个 404 组件来实现。

// 定义路由部分
const routes = [
  {
    path: '/',
    component: () => import('@/views/Home.vue'); // 路由懒加载
  },
  // 通配符,一定要放在定义路由的最后
  {
    path: '*', 
    component:  () => import('@/components/NotFound.vue'); // 路由懒加载
  }
];


http://www.kler.cn/news/366455.html

相关文章:

  • 【读书笔记·VLSI电路设计方法解密】问题26:什么是漏电流问题
  • 密码md5加密处理
  • 【Jenkins】解决在Jenkins Agent节点容器内无法访问物理机的docker和docker compose的问题
  • 腾讯云DBA面试(一面)
  • 《Python游戏编程入门》注-第2章2
  • LVGL第二篇-组件创建与显示(以slider为例)
  • 解释 RESTful API,以及如何使用它构建 web 应用程序(AI)
  • 京准电钟:NTP网络校时服务器应用计算机大数据
  • 机器学习快速入门之手写体数字识别
  • springboot2.0x 和springboot 1.0 整合redis 使用自定义CacheManager 问题
  • Spring MVC(上)
  • 【Golang】goconvey测试框架的使用
  • 【thinkphp8】00005 thinkphp8 Db::table和Db::name的区别
  • H264的POC能是负数吗?关于IntraDelay带来的先来P帧,再来IDR的效果
  • 传输层TCP协议
  • ubuntu新装ubuntu,重启黑屏
  • docker search 命令基本使用
  • Java使用dom4j生成kml(xml)文件遇到No such namespace prefix: xxx is in scope on:问题解决
  • leetcode:写出排序的过程,给出2个有序的子序列,如何将已有序的子序列合并,得到完全有序的序列,复杂度越低越好
  • Muggle OCR 是一个高效的本地OCR(光学字符识别)模块
  • 基于单片机的搬运机器人控制系统
  • 掌握Rust所有权:理解所有权转移的概念
  • Java面试泛型相关知识点、面试题(含答案)
  • 【5.2】指针算法-双指针求盛最多水的容器
  • 如何对群辉docker进行简单更新升级
  • MATLAB中的fftshift函数