跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 付费请教解决 vue-router 问题,后台框架 Vue Antd Admin
未分類
5 2 月 2021

付费请教解决 vue-router 问题,后台框架 Vue Antd Admin

付费请教解决 vue-router 问题,后台框架 Vue Antd Admin

資深大佬 : Joseph0717 3

问题:动态添加的路由页面刷新后 404 如图:付费请教解决 vue-router 问题,后台框架 Vue Antd Admin

我的操作: 1,router/config.js 配置了静态的几个基础路由 付费请教解决 vue-router 问题,后台框架 Vue Antd Admin

2,用户登录成功动态添加路由和菜单 付费请教解决 vue-router 问题,后台框架 Vue Antd Admin 付费请教解决 vue-router 问题,后台框架 Vue Antd Admin

3,路由守卫,刷新页面再次获取用户路由和菜单 付费请教解决 vue-router 问题,后台框架 Vue Antd Admin 付费请教解决 vue-router 问题,后台框架 Vue Antd Admin

4,一顿操作,问题还是 404

大佬有話說 (17)

  • 主 資深大佬 : Joseph0717

    救救孩子吧

  • 資深大佬 : xm726

    把 404 放到最后去

  • 資深大佬 : ni9ht

    先看下页面刷新后有没有走你的 else 里面去请求获取数据,如果有请求获取数据就看看路由有没有添加进去

  • 資深大佬 : InternetExplorer

    把 404 的路由先拿掉呢?
    你这 const/let/var 乱用,看的急死了

  • 資深大佬 : freakJacker

    把 404 放到最后即可

  • 資深大佬 : ni9ht

    没注意看你 404 的写法,可以试试上面说的

  • 資深大佬 : OHyn

    打印一下钩子的入参中的 to,看一下 to.redirectedFrom 或 to.path,可能有惊喜。我印象中,按 f5 刷新,可能已经被重定向到 404 页面了,那就得 next({ path: to.redirectedFrom || to.path })。

  • 資深大佬 : rodrick

    先看下刷新后的 routers 是啥,官方我记得好像说不推荐 this.$router.options.routes 直接改,不确定这样会不会有问题

  • 主 資深大佬 : Joseph0717

    @xm726 404 放到最后试过了
    @ni9ht 数据可以获取到,404 页面打印路由都有
    @InternetExplorer 404 拿掉报错
    @OHyn to.path 是有的
    谢谢各位,我继续研究吧

  • 主 資深大佬 : Joseph0717

    @rodrick 刷新后 404 页打印 router 是守卫里获取到的路由

  • 資深大佬 : OHyn

    @Joseph0717 在 404 页面打印路由,路由都有的话,着重排查离开钩子时目标页面的路径,你开 devtool 看一下页面跳转的记录,有迹可循的。

  • 資深大佬 : chenluo0429

    动态路由添加到了最后,路径被 404 的*优先匹配了?我记得 addRoutes 蛮多坑的

  • 資深大佬 : karott7

    404 路由放最后面,添加路由用 addRoutes 方法

  • 資深大佬 : lzhcscs

    之前有碰到过,404 页面用 addRouter 再添加一次
    router.addRoutes([{ path: ‘*’,name: ‘error_404’,component: err404 }])

  • 資深大佬 : serene11c

    404 放在动态添加的路由的最后,静态的不用放
    https://github.com/vuejs/vue-router/issues/1176

  • 資深大佬 : akcode

    路由又不会经常变,还不如全部写成静态的,做路由权限。

  • 資深大佬 : Unitent

    https://blog.csdn.net/Jack7757/article/details/110315475 看了还不懂记得加我微信 Unitent_

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具