VUE3 项目自定义修改网页标题和图标 | 您所在的位置:网站首页 › 自定义网站图标怎么设置出来 › VUE3 项目自定义修改网页标题和图标 |
VUE3中,网页图标默认使用的是VUE自带的一个ico的图标,也是VUE的logo。那么作为我们自己开发的项目,如何自定义修改网页的图标和标题呢?很简单,下面就介绍一下。 1 标题修改标题修改直接在项目的 /public/index.html中修改title标签即可。 明月网址导航 2 图标修改这个修改相对来说,需要以下几个步骤。 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 重启项目即可。PS:广告位招租。本人想通过众筹的方式配置一台台式机,主要用来程序开发、三维设计、视频剪辑等。欢(xi)迎(wang)各位打赏赞助,感激不尽。 精诚所至,金石为开。知识无价,开源共享。 |
今日新闻 |
推荐新闻 |
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 |