网站建设的参考文献,中国品牌100强排名,婚庆公司网站建设doc,自己怎么注册域名VUE3中#xff0c;网页图标默认使用的是VUE自带的一个ico的图标#xff0c;也是VUE的logo。那么作为我们自己开发的项目#xff0c;如何自定义修改网页的图标和标题呢#xff1f;很简单#xff0c;下面就介绍一下。
1 标题修改
标题修改直接在项目的 /public/index.html…VUE3中网页图标默认使用的是VUE自带的一个ico的图标也是VUE的logo。那么作为我们自己开发的项目如何自定义修改网页的图标和标题呢很简单下面就介绍一下。
1 标题修改
标题修改直接在项目的 /public/index.html中修改title标签即可。 headmeta charsetutf-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width,initial-scale1.0link relicon href% BASE_URL %favicon.icometa nameviewport contentwidthdevice-width, user-scalableno, initial-scale1.0, maximum-scale1.0, minimum-scale1.0titlevue-manage-system/title/head2 图标修改
这个修改相对来说需要以下几个步骤。
1首先做一个ico的小图标命名为 favicon.ico 放在 /public/下面替换原有的 favicon.ico同时删除 /public/img/icons/ 下面的VUE图片。
2在根目录下面新建vue.config.js 添加pwa
module.exports {pwa: {iconPaths: {favicon32: favicon.ico,favicon16: favicon.ico,appleTouchIcon: favicon.ico,maskIcon: favicon.ico,msTileImage: favicon.ico}}
};3 重启项目即可。