Vue-router处理未定义地址

2017-01-20 Views

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

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

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

举个栗子：

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

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

举个栗子：

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

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