如下所示，一般每个项目都会有自己的浏览器显示图片和title ,那么我们应该怎么来修改它们呢

 1，修改项目浏览器的图片

第一步： 在你的项目里面找到public下

public/ favicon.ico文件

 到所在目录里面，把你需要的图片放上去，改图片名称为 favicon.ico，把原先的要删除

 

第二步：在vue.config.js文件中添加，这个文件在vue-cli3.0是没有的，需要手动添加

module.exports = {
 pwa: {
  iconPaths: {
    favicon32: 'favicon.ico',
    favicon16: 'favicon.ico',
    appleTouchIcon: 'favicon.ico',
    maskIcon: 'favicon.ico',
    msTileImage: 'favicon.ico'
  }
}
}

 

第三步：

重新运行项目，并刷新浏览器。查看是否修改成功。

2，修改所在项目的浏览器title

1)  在你的项目里面找到public下的index.html

2)找到<title> 标签，在里面写上你的title

 3)如果你需要动态添加title

在你的router.js页面，meta里添加title：" 想添加的tltle" 

获取你的title的值的话可以用：

document.title

this.pageText=this.$route.meta.title;