VUE3 项目自定义修改网页标题和图标 您所在的位置:网站首页 自定义网站图标怎么设置出来 VUE3 项目自定义修改网页标题和图标

VUE3 项目自定义修改网页标题和图标

2024-05-30 10:14| 来源: 网络整理| 查看: 265

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 实验室设备网 版权所有