Vue-router处理未定义地址

vue-router接管了由后端管理路由页面的权限,使得单页面应用切换更流畅,体验上也更贴近于原生APP的反馈体验。

本文编写基于vue1.0,请注意不同版本之间的差异。

VUE-ROUTER访问未定义路由地址时的处理

当使用vue-router定义子页面路由时,若访客访问非法子页面路由时,应设置默认跳转地址。

举个栗子:

router.map({
'/a': {component: 1},
'/b': {component: 2}
});
//当访问路由的hash与已定义路由地址不匹配:
router.direct({
'*': '/a'
});

以上配置后任意未定义子页面的路由均指向/a,需要注意的是,重定向的语句务必放置在定义路径的后边,即优先级最低。

设置默认路由

举个栗子:

router.alias({
'/' : '/free'
})
//当路由检测到访问地址为 '#!/'时,自动代理切换到 '#!/free'

当路由页面偏多,HTML文件可放心以组件名进行页面链接构建,设置默认路由由后台设置完成,当有不同需求时,可以灵活运用。

hongbao.png
NOOLDEY

本文作者:NOOLDEY

做一个诗情画意的码农,皮皮猪,我们走!

原文链接: http://zhuweisheng.com.cn/framework/vue-router-old/

本站文章如无特殊声明均为原创,创作不易,转载请注明来源,谢谢!