vue3 修改网页的标题和logo

1 修改标题

1 首先在route里面给每个路由加上meta属性

{
    path: '/',
    name: 'home',
    component: HomeView,
    meta: {
      title: '首页'
    }
  }

2 在main.js里面加上导航守卫

router.beforeEach((to, from, next) => {
  window.document.title = to.meta.title == undefined ? '默认标题' : to.meta.title
  next();
})

2 修改logo

1 在public文件夹中添加logo .ico格式
2 在index.html 中替换或者添加

 <link rel="icon" href="./public/newslogo.ico" /> 
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容