在創建Vue項目時一般會用默認的項目標題和圖標，如下圖所示:

不是很美觀也可能不符合項目的需求，所以有時候就需要改變項目在瀏覽器上方的標簽名稱或者圖標。

找到項目根目錄的index.html，如圖：

進去就能夠修改title，也就是在瀏覽器上方的標題

<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>template</title>

如果需要在標題旁邊加入自定義的圖標，你需要把自己的的圖片放在static目錄下（不要放在src目錄下，瀏覽器會找不到）
將favicon.ico的圖標文件放到static文件夾內，在index.html的head中添加：

<link rel="icon" type="image/x-icon" href="static/favicon.ico">

保存並刷新瀏覽器，看瀏覽器圖標已經正確設置上了。

web前端_Vue框架_設置瀏覽器上方的標題和圖標