在創建Vue項目時一般會用默認的項目標題和圖標,如下圖所示:
不是很美觀也可能不符合項目的需求,所以有時候就需要改變項目在瀏覽器上方的標簽名稱或者圖標。
1、找到項目根目錄的index.js,如圖:
2、進去就能夠修改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">
保存並刷新瀏覽器,看瀏覽器圖標已經正確設置上了。
如果沒有,那就重新啟動一次項目