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