vue-cli3項目怎么更換默認圖標和title


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'

        }

    }
}

 完成。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM