index.js 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. // import jphelp from '@/utils/mixin.js'
  2. import Vue from 'vue'
  3. // 先运行yarn 初始化
  4. import uniCrazyRouter from "uni-crazy-router";
  5. Vue.use(uniCrazyRouter)
  6. //** 有bug, 第一次直接敲链接访问, 是访问bobo-router 前置守卫
  7. //** 后续操作,访问的是 uniCrazyRouter的前置守卫
  8. uniCrazyRouter.beforeEach(async (to, from, next) => {
  9. routerBeforeEach(to, from, next);
  10. })
  11. uniCrazyRouter.afterEach((to, from) => {
  12. // 逻辑代码
  13. console.log("afterEach")
  14. })
  15. uniCrazyRouter['on' + 'Error']((to, from) => {
  16. // 逻辑代码
  17. console.log("Error+start")
  18. console.log(to)
  19. console.log(from)
  20. console.log("Error+end")
  21. })
  22. import Router from './bobo-router'
  23. import jphelp from '@/apis/utils/mixin.js'
  24. //Vue.use(Router)
  25. // 路由配置 页面中全部使用this.$Router来操作路由,以实现路由的全局管理
  26. const router = new Router()
  27. // 路由全局拦截器 在这里处理登录、授权等相关操作
  28. router.beforeEach(function(to, from, next) {
  29. routerBeforeEach(to, from, next);
  30. })
  31. function routerBeforeEach(to, from, next) {
  32. next();
  33. }
  34. // 路由后置拦截器
  35. router.afterEach(function(to, from) {
  36. console.log('后置守卫')
  37. })
  38. // 路由跳转出错处理
  39. router.onError(function(e) {
  40. console.log('错误:', e.message || '路由跳转失败')
  41. })
  42. export default router