vue cli3 修改頁面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'
        }
    }