vue-路由重定向

一、需求

我们默认打开网页,打开的是网站根目录,所以可能会出现一片空白的情况,而我们得需要点击其中固定路由页面才能跳转,如下

如果我们想要访问一个到想要的路径

二、语法


当重定向的路径发生故障时,比如丢失,

我们就需要给一个404的提示,因为空白在那很显然是不合适的

配置404后,开始逐次匹配路径和组件,发现上面都没有被命中,就触发404,

404的component就写一个NotFind(注意大驼峰),所以我们还需要一个NotFind的组件,注意添加了这个组件之后,我们还需要去index.js导入这个文件

---------------------

模式设置:

需求:去掉#号

注意一旦采用了history模式,地址栏就没有#,是需要后台去配置访问规则的,归后台管。

相关推荐
明月_清风21 分钟前
Deno 终局来了:从挑战 Node 到被 Cloudflare 收编
前端·后端·node.js
Csvn1 小时前
框架性能优化
前端
雪芽蓝域zzs3 小时前
第 5 节:Marker 点击弹出 InfoWindow 信息窗口
vue.js
回眸&啤酒鸭3 小时前
【回眸】OpenSwarm 多智能体协作系统实战指南
大数据·前端·人工智能
用户69371750013843 小时前
2026,程序员的时代拐点到了
android·前端·后端
大龄秃头程序员3 小时前
一次 iBeacon + BLE 无感解锁方案的实现记录
前端
小兔子3 小时前
Python 的 GIL 与 free-threading:3.13 之后「去 GIL」走到哪一步了
前端
IT_陈寒3 小时前
SpringBoot自动配置差点让我加班到凌晨
前端·人工智能·后端
guslegend5 小时前
脚手架原理与本地调试:从 bin 软链接到 npm link
前端·npm·node.js·脚手架·前端工程化
小宋10215 小时前
A2UI从零实战:Agent安全生成交互界面与事件回传
javascript·人工智能·安全·交互