vue单页面多路由+重定向+404+钩子

1.单页面多路由区域

1.在APP.vue中加入两个区域
vue单页面多路由+重定向+404+钩子
2.在index.js中设置:
vue单页面多路由+重定向+404+钩子
3.运行
vue单页面多路由+重定向+404+钩子

2.vue-router的重定向-redirect

vue单页面多路由+重定向+404+钩子
vue单页面多路由+重定向+404+钩子
点击请求goback重定向/回主页
vue单页面多路由+重定向+404+钩子

3. 404页面处理

配置路径
vue单页面多路由+重定向+404+钩子
vue单页面多路由+重定向+404+钩子
当访问路径不存在时,跳到404
vue单页面多路由+重定向+404+钩子

4. 路由中的钩子beforeEnter,进入页面之前,干一些事情,比如打印日志

vue单页面多路由+重定向+404+钩子

vue单页面多路由+重定向+404+钩子

钩子函数:mounted()
vue单页面多路由+重定向+404+钩子

vue单页面多路由+重定向+404+钩子