如何修改vue的网页图标

今天在写vue项目时碰到的问题是怎么修改vue的网页图标，如图所示：
![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/43894711105617.png "#left")

办法很简单，第一步，将想要使用的图标下载到如下文件夹，更改好格式和文件名，将原图片删除或者换个名字，如图所示：
![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/562998111056170.png "#left")

第二步，在上图中的index文件中修改代码，原图片是以链接的形式引入，我们将其替换掉，换成本地相对路径（使用注释行，删除原本行）。代码如下：

<!DOCTYPE html>
<html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1.0"><link rel="icon" href="<%= BASE_URL %>favicon.ico">
<!--      <link rel="icon" href="favicon.ico">--><title><%= htmlWebpackPlugin.options.title %></title></head><body><noscript><strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><!-- built files will be auto injected --></body>
</html>

如何修改vue的网页图标相关推荐

Ant design pro使用(三):修改标题及网页图标
getPageTitle 方法会返回路径名-项目标题修改项目标题 config/defaultSettings.ts中修改title 修改网页图标得到favicon.ico图片放在public ...
修改Vue项目网页标题和ico
修改网页标题: 在public下面有一个index.html文件,按图修改即可修改ico: 替换public下面的favicon.ico文件
vue中网页图标favicon.ico不显示
1.通过服务器获取在index.html里,添加link,若href是引用服务器上的图片,在不跨域的情况下ok的 <link rel="shortcut icon" typ ...
vue中动态修改网页图标
当针对不同客户需要提供不同的图标时,页面其他图标好替换,但是网页图标就不太一样了,查阅之后提供如下方法: <script>let headHTML = document.getElemen ...
Halo博客怎么修改网页图标
首先网页图标是在网页上以及收藏时所显示的图标如果Halo的主题设置里,没有直接去设置图标的地方,我们可以修改后台文件来增加我们的网页图标 1.要找一个使用的图标,后缀名为ico的图片,如果是其他格式 ...
vue动态修改浏览器标题和图标
项目场景: 在一个功能一致的项目中,要分别部署成两个系统. 问题描述两个系统名称不一致.标题不一致.logo不一致,又不想单独拉出一套代码(单独拉出后维护成本增加),想要动态改变. 解决方案: 在m ...
【网页图标】favicon.ico文件的设置
如何在Vue Cli目录下面设置我们想要的网页图标? 文件目录结构如下: 第一步:打开你的项目文件地址打开找到public文件夹,粘贴.ico文件进去public文件夹结果图: 第二步:在index ...
favicon.ico介绍，网页图标的制作动态网页图标
1.直接上成功的代码,关键代码: <!DOCTYPE html> <html><head><title>网页图标</title><li ...
给自己的网页制作一个网页图标
昨天我在做一个用Node.js搭建一个简单服务器的练习时,遇到了一个问题,就是前端的网页在向后端做数据请求时,除了我们用户所做的基本请求以外,浏览器一般会默认自带的向服务器发送另外一个请求,也就是我们 ...

如何修改vue的网页图标

如何修改vue的网页图标相关推荐

最新文章

热门文章