Framework7路由保护

Question

import HomePage from './pages/home.vue';
import Home2Page from './pages/home2.vue';
import NotFoundPage from './pages/not-found.vue';

export default [
  {
    path: '/',
    component: HomePage,
    // check if the user is logged in
    beforeEnter: checkAuth,
  },
  {
    path: '/home2',
    component: Home2Page,
  },
  {
    path: '(.*)',
    component: NotFoundPage
  }
];


function checkAuth(to, from, resolve, reject) {
  if (true) {
    resolve({
      component: Home2Page
    });
  } else {
    reject();
  }
}

为什么此checkAuth函数不起作用？我尝试检查页面是否需要Auth，当它需要checkAuth应该启动的函数时。如果在这种情况下Auth为true，则应加载另一个页面。

Answer 1

您必须使用redirect属性而不是beforeEnter。

示例(retrieved from the docs)：

redirect: function (route, resolve, reject) {
  if (true) {
    resolve('myUrl');
  }
  else reject();
}