vue 浏览器上的地址名称

Yumu_c

于 2022-03-31 13:51:01 发布

阅读量1.2k

点赞数

文章标签： css vue.js javascript

本文链接：https://blog.youkuaiyun.com/weixin_47226062/article/details/123869804

版权

在这里插入图片描述

在router – index.js文件中添加代码

router.beforeEach((to, from, next) => {
  //  设置路由跳转title名
  console.log('',to);
  if (to.meta.title) {
  // 动态的title
    document.title = to.meta.title
  }else{
  // 如果没有title 写死为自己的系统名称或者其他
    document.title = 'js是世界上最好的语言'
  }
  // if (
  //   (!getUserInfo() || !getUserInfo().token) &&
  //   to.path !== '/login' &&
  //   to.path !== '/404' &&
  //   to.path !== '/redirect'
  // ) {
  //   next('/login');
  //   return false;
  // }
  next()
})


![在这里插入图片描述](https://img-blog.csdnimg.cn/9d3b1332263a4029ace9c930abc79195.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAWXVtdV9j,size_20,color_FFFFFF,t_70,g_se,x_16)
![在这里插入图片描述](https://img-blog.csdnimg.cn/c7cdf838386545e88efe615b1b712d7c.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAWXVtdV9j,size_20,color_FFFFFF,t_70,g_se,x_16)