首页 > 其他分享 >路由别名和404路由页面配置

路由别名和404路由页面配置

时间:2023-01-05 13:34:22浏览次数:54  
标签:配置 别名 404 home 路由 页面

路由别名配置 - alias

  • 配置路由重定向,当用户访问/a的时候,URL会被替换/b之后匹配实际路由/b
  • 配置路由别名,/a的别名是/b,当用户访问/b的时候,URL会保持为/b,但路由匹配为/a,和用户访问/a一样
const routes: Array<RouteRecordRaw> = [
  {
    path: "/home",
    alias: "home",
    component: () => import("@views/home.vue"),
  },
]

404路由页面配置

配置一个404路由代替站内的404页面
配置方法

const routes: Array<RouteRecordRaw> = [
  {
    path: "/:pathMatch(.*)*",
    name: "404",
    component: () => import("@views/404.vue"),
  }
]

标签:配置,别名,404,home,路由,页面
From: https://www.cnblogs.com/openmind-ink/p/17027283.html

相关文章

  • Vue3路由的redirect重定向结合函数实现不同的用户身份跳转到不同的首页
    访问网页主域名的时候,识别用户身份跳转到不同的首页,配置路由重定向constroutes:Array<RouteRecordRaw>=[//访问主域名的时候,根据用户的登录信息,重定向到不同的页......
  • uni-app 打包H5时,访问index.html页面白屏报错net::ERR_ABORTED 404
    uni-app打包H5后,访问index.html页面,页面却是白屏,Console控制台报错404,报错图如下:    原因:  解决方法:  配置文件manifest.json文件中H5配置里面,一开始......
  • 本地搭建yum源-yum404解决
    概述在centos上搭建本地yum源,如果是基于http/nginx/apache形式的代理yummakecache就会提示404找不到索引文件本质上是索引文名字不对,需要人为修正yummakecache出现......
  • 深信服防火墙增加带外管理线路的路由配置
    配置前提:以现有的深信服防火墙为例Eth2和Eth4口组聚合,配置为WAN口Vlan990Eth3和Eth5口组聚合,配置为LAN口Vlan690Eth0口为管理口,10.5.251.116/24-HA(配置为-HA后主备同......
  • Java 给Word不同页面设置不同背景
    Word文档中,可直接通过【设计】-【页面颜色】页面颜色,通过Java代码可参考如下设置方法:1.设置单一颜色背景doc.getBackground().setType(BackgroundType.Color);doc.getBackg......
  • 科普系列:诊断路由类型简介及测试实践
    一、简介  当前车载以太网得到了大范围应用,但出于成本、可靠性等综合因素的考虑,CAN和LIN仍大范围应用于车载总线中,CAN和LIN之间的信息交互的需求仍然很大,承载着CAN-CA......
  • vue打印部分页面
    方法一、在项目中安装插件vue-print-nbnpminstallvue-print-nb--save在main.js中引入importPrintfrom'vue-print-nb'//打印Vue.use(Print)使用//点击打印......
  • 低代码如何构建响应式布局前端页面
    “你开发的界面为啥在我的屏幕里这么小啊?”“这个界面为啥在我这里会出现横向滚动条啊?”大家在进行前端界面开发时,有没有遇到这些类似的问题呢?又是如何解决的呢?页面响应......
  • 华为静态路由命令详解
    配置命令语法:Ip 目的子网 目的子网掩码 出接口(当前) 下一跳地址(对端设备地址)目的子网:想要到达的网络,可以是网段也可以是某一个具体的ip地址目的子网掩码:子网掩码越精确,路......
  • 基于GA优化的OSPF协议网络路由matlab仿真
    up目录一、理论基础二、核心程序三、测试结果一、理论基础首先,传统的遗传优化算法,其标准的优化过程如下所示:步骤一:根据所需要处理的问题特点,选择问题解对应的......