vue动态修改标签页的icon、系统名称

一：修改icon

1.修改初始化的 icon
只需要把 public / favicon.ico 改成我们所需要的图片即可

2.动态改变icon

document.querySelector('link[rel="icon"]').setAttribute('href', 'favicon.ico')

favicon.ico 可以通过接口去获取到已设置的icon，从而实现动态改变icon的需求

二：修改标签页的系统名称

1.在vue.config.js中修改

chainWebpack: config => {
    config.plugin('html')
        .tap(args => {
            args[0].title = '系统名称'
            return args
        })
},

2.动态修改

  document.title = '系统名称' // 设置标签页系统名称

系统名称：可以根据接口进行获取