路由导航守卫中document.title = to.meta.title的作用

路由导航守卫如下：

router.beforeEach(async (to, from, next) => {
  document.title = to.meta.title; // 路由发生变化时候修改页面中的title
  const hasToken = store.getters.token;
  if (hasToken) {
    next();
  } else {
    if (whiteList.indexOf(to.path) !== -1) {
      next();
    } else {
      next(`/login`);
    }
  }
});

1、当没有document.title = to.meta.title，页面发生跳转时，效果如下:

即不管怎么切换，title标签中的值总是为app-vue

2、当有document.title = to.meta.title，页面发生跳转时，效果如下:

即title标签内包含当前页面的meta.title的值