1.vue-cli3構建的項目目錄中有public,該目錄下的favicon.ico就是指圖標,index.html文件里面可以鏈接該圖標。
2.首先將favicon.ico文件修改為自定義的logo,名稱不變。
以下代碼為inde.html中的內容,紅色邊框中的代碼即可鏈接自己的logo,藍色邊框的代碼用於修改標題
4.在vue.config.js里面加入以下代碼
module.exports = {
pwa: {
iconPaths: {
favicon32: 'favicon.ico',
favicon16: 'favicon.ico',
appleTouchIcon: 'favicon.ico',
maskIcon: 'favicon.ico',
msTileImage: 'favicon.ico'
}
}
}
完成。