vue-路由重定向

一、需求

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

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

二、语法


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

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

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

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

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

模式设置:

需求:去掉#号

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

相关推荐
橘子星2 小时前
基于 ES6 语法的 NLP 任务模块化开发实践
前端·javascript
玉宇夕落2 小时前
Props的传递学习
前端
月光刺眼2 小时前
JS 底层执行机制探讨:执行上下文、变量提升与调用栈
前端·javascript
|_⊙2 小时前
Linux 信号
运维·服务器·前端
ZC跨境爬虫2 小时前
跟着 MDN 学 JavaScript day_1:什么是 JavaScript?
开发语言·前端·javascript·ecmascript
广州华水科技2 小时前
单北斗GNSS水库变形监测系统的应用与发展分析
前端
吠品2 小时前
PyTorch 踩坑:libtorch_cpu.so 找不到 iJIT_NotifyEvent 符号
前端·vue.js·elementui
qq_2518364572 小时前
基于java Web 日化商超库存管理系统设计与实现
java·开发语言·前端
xiaofeichaichai2 小时前
Vue 响应式原理
前端·javascript·vue.js