使用路由器vue.js刷新页面时出错

Question

当我按F5时，组件消失。只有当我使用 beforeEnter：auth 时才会发生。如果我使用router-link在页面中导航它可以正常工作

路由器/ Auth.js

import * as firebase from 'firebase';

export default (to, from, next) => {
  firebase.auth().onAuthStateChanged((user) => {
    if (user) {
      next();
    } else {
      next('/user/login');
    }
  });
};

路由器/ index.js

{
  path: 'edit',
  name: 'edit_profile',
  component: edit,
  beforeEnter: auth,
}

当我按下F5时会发生这种情况：没有显示