vue-路由重定向

一、需求

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

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

二、语法


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

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

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

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

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

模式设置:

需求:去掉#号

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

相关推荐
LaughingZhu2 小时前
Product Hunt 热榜 2026-10-30:Empacer、Scape、Floot in ChatGPT
java·前端·数据库·人工智能·chatgpt·notion
Lank_M3 小时前
抠图结果缩放后边缘发脏,该怪的不是插值
前端
jerrywus3 小时前
Skill、MCP、Workflow、Rules、Memory 有什么区别?拿几次真实开发任务讲清楚
前端·agent·claude
补码缩写3 小时前
canvas 与 sharp 缩放透明图:默认预乘,非预乘得拆通道
前端
静默回滚3 小时前
抠图 PNG 缩小再放大,边缘又糊又白是两件事
前端
用户11977079480733 小时前
GitHub 电商开源项目分享:用 sharp 批量出饰品主图,试了裁剪、细节图和色彩配置文件三个坑
前端·node.js
deli0073 小时前
地图定位为什么偏了 500 米?GPS 与火星坐标实测
前端
TK泰妞3 小时前
节日促销前,TikTok 商品视频应该提前准备什么?
前端·人工智能·节日
CCIE-Yasuo3 小时前
网络安全-学习web开发-列表、标签
前端·学习·web安全
小大宇3 小时前
Vue知识点-ElementPlus-06 单选+多选+下拉+日期选择
前端·vue.js·elementui