今天给大家说一个非常简单但又实用的小知识点，在我们项目中有时我们会考虑到，当用户输入路由表中不存在的路由时，我们需要给他转到固定展示的路由，我这个方法用到了全局钩子，进行判断，代码：
router.beforeEach((to, from, next) => {
if (to.matched.length ===0) { //如果未匹配到路由
from.name ? next({ name:from.name }) : next('重定向的路由');
} else {
}
});
这种方法的好处在于，就算用户只输入项目的端口域名（localhost:1111)，不加路由，也会重定向到我们配置的路由中。知识分享就到这里喽！
今天给大家说一个非常简单但又实用的小知识点，在我们项目中有时我们会考虑到，当用户输入路由表中不存在的路由时，我们需...
路由地址 一、什么是路由地址? 路由地址，就是用户用路由规则访问页面时，真实跳转到的地址;二、路由地址的种类? 1...
1.想实现当网址输入页面路由不存在时，页面跳转到404页面 解决方法：只要在路由配置下增加如下代码即可 输入一个不...
vue 路由跳转的时候 怎么会执行上一个路由的created问题描述：A路由和B路由是兄弟关系，我从A路由跳转到...
vue动态路由和get的传值---->同属于路由的传参 1，vue动态路由： 动态路由的配置： ①，在配置路由时加...
一、Vue3.x中的路由 路由可以让应用程序根据用户输入的不同地址动态挂载不同的组件。 https://next....
一个vue路由的工作流程 前端路由和后端路由的区别 后端路由输入url --> 请求发送到服务器 --> 服务...
在进行vue项目开发时，常用vue-router进行路由的导航，这种方式可以很好的进行路由和组件的匹配，但是当用户...
vue构建 router-link实现跳转 $router事件跳转 无用户输入地址时的默认展示组件 二级、三级路由...
一。vue中安装路由过程 1.cmd控制台中输入添加vue-router 2.引入路由模块，并且注册路由 3.在根...
本文标题：VUE 用户输入不存在的路由时，转到固定的路由
本文链接：https://www.haomeiwen.com/subject/uqrqsctx.html
网友评论