vue-router技巧（含百度统计） about blog HOT 3 OPEN

// router config
const getMeta = (to) => {
  return Object.assign({}, to.meta, to.matched[0].meta);
}
router.beforeEach((to, form, next) => {
  const toMeta = getMeta(to);
  // title
  if (toMeta.title) document.title = toMeta.title;
  // style
  if (toMeta.style) {
    for (const i in toMeta.style) {
      document.body.style[i] = toMeta.style[i];
    }
  }
  // webview
  if (toMeta.webview) {
    bzShare.share({
      app: {
        bzWebviewBtn: toMeta.webview,
      },
    });
  }
  return next();
});

// page route
export default {
  path: '/test',
  name: 'test',
  component: testComponent,
  meta: {
    title: 'test title',
    style: {
      backgroundColor: '#efeff4',
    },
    webview: '1100',
  },
}

const debug = localStorage.getItem('project_debug');
router.beforeEach((to, form, next) => {
  // 是否需要登录
  if (!to.meta.login) {
    return next();
  }
  // 已有登录信息
  if (store.state.user) {
    return next();
  }
  // 兼容开发模式
  const afterLogin = (callback) => {
    if (debug) {
      console.debug('[debug] 跳过登录逻辑');
      callback && callback();
    } else {
      bzLogin.afterAllLogin(callback);
    }
  }
  afterLogin(() => {
    store.dispatch('getUser', {
      success() {
        next();
      },
      error(err) {
        console.log(err);
      }
    });
  });
});

router.afterEach((to, from, next) => {
  if (window._hmt && to.path) {
    const location = window.location
    const pagePath = location.pathname + '#' + to.fullPath
    window._hmt.push(['_trackPageview', pagePath])
  }
});