Vue3+Vite2+Ts 修改页面title【转】

一、路由js文件里设置meta对象

{
    path:'/3-1',
    name:'pdfreport',
    component:pdfreport,
    meta:{hidden:true,title:"检验报告查询"},
  }
           

二、main.js里设置路由title切换

router.beforeEach((to, from, next) => {
    /* 路由发生变化修改页面title */
    if (to.meta.title) {
      document.title = to.meta.title
    }
    next()
  })

           

三、配置文件 vue.config.js 修复ico图标错误

pwa: {
        iconPaths: {
            favicon32: 'favicon.ico',
            favicon16: 'favicon.ico',
            appleTouchIcon: 'favicon.ico',
            maskIcon: 'favicon.ico',
            msTileImage: 'favicon.ico'
        }
    }
           

作者：hello

链接：https://www.jianshu.com/p/2f514b3ba552