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'
        }
    }
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容