vue 浏览器标题及图标

参考链接

浏览器标题

1. html 直接修改title

2.动态修改title 路由前置方法中拦截并设置 router.beforeEach

router.beforeEach((to, from, next) => {
  if (to.meta.title) { 
      document.title = to.meta.title 
  }
})

浏览器图标

1. html 要存在设置icon, 不设置favicon.svg 就不能使用

<link rel="icon" href="<%= BASE_URL %>favicon.ico">

2. 转换成浏览器控制台icon 代码如下

ie 浏览器： favicon.icoico图标在线制作

其他浏览器： /img/icons/favicon.svg

        /img/icons/favicon-32x32.png
        
        /img/icons/favicon-16x16.png
        

svg <- 32x32.png <- 16x16.png