请教一下 vue-router 中 addRoute 的问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Vue.js

这是一个创建于 1050 天前的主题，其中的信息可能已经有所发展或是发生改变。

如题，使用 addRoute 来动态添加路由的时候，从 store 里面调用 actions 的中一个方法从后端获取路由地址。然后再添加到路由中。代码如下：

router.beforeEach(async (to, from, next) => {
  NProgress.start(); // NProgress 开始 
  if (allowList.includes(to.name)) {
    // 若跳转页面非免登录名单，则直接进入
    next();
  } else {
    // 若当前页面需要登录
    // 则判断当前页面是否已经拥有登录权限 token
    if (storage.get('token')) {
      const mainStore = useMainStore();
      if (mainStore.routerList === null) {
        mainStore.getRouterList().then(res => {
          console.log(res)
          router.addRoute(res)
          next()
        })
      } else {
        next()
      }
    } else {
      // 没有 token 内容，所以进入登录页面
      next({ path: '/user' })
    }
  }
})

但是浏览器运行到时候却报了警告！

vue-router.esm-bundler.js:72 [Vue Router warn]: The "next" callback was never called inside of :
async (to, from, next) => {
  NProgress.start(); // NProgress 开始 
  if (allowList.includes(to.name)) {
    // 若跳转页面非免登录名单，则直接进入
    next();
  } else {
    // 若当前页面需要登录
    // 则判断当前页面是否已经拥有登录权限 token
    if (storage.get('token')) {
      const mainStore = useMainStore();
      if (mainStore.routerList === null) {
        mainStore.getRouterList().then(res => {
          console.log(res)
          router.addRoute(res)
          next()
        })
      } else {
        next()
      }
    } else {
      // 没有 token 内容，所以进入登录页面
      next({ path: '/user' })
    }
  }
}
. If you are returning a value instead of calling "next", make sure to remove the "next" parameter from your function.

难道 next 方法不能放在函数中？？？？

res

else

token

9 条回复 • 2024-11-17 22:10:41 +08:00