去掉vue项目的浏览器图标

最新推荐文章于 2023-09-20 01:20:51 发布
最新推荐文章于 2023-09-20 01:20:51 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： vue 页面遇到的基础问题 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46617584/article/details/128827191
版权

index.html

   <!-- 去掉vue项目默认图标 -->
    <link rel="shortcut icon" href="#"/>

在webpack.dev.conf.js和webpack.prod.conf.js文件中
全局搜索favicon，注释掉favicon相关代码
删掉根目录下的favicon.ico文件
全局搜搜favicon.ico，将其全部替换，
浏览器最上面的图标的位置在public下的favicon.ico，文件大小为64*64像素。

如果有的话直接将其替换，如果没有的话可以使用一些在线转换网站等。

比如以下这个网站就可以转换。

http://www.ico51.cn/
 

iiiilooaixuud
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 项目中，动态修改浏览器标签页的图标
u010328533的博客
03-21 5341
vue 项目中，动态修改浏览器标签页的图标 需求： 项目中有一个入口可以修改平台的名称和图标，图标同步展示为浏览器页签的图标 实现： 1.找到项目中的app.vue 文件，动态创建link标签，调用后端接口，获取返回的图片，我的项目中，后端返回的图片格式为base64格式 <template> <div id="app"> <router-view /> </div> </template> <script> i
Vue实现浏览器打印功能的代码
11-20
Vue实现浏览器打印功能 实际项目中使用vue实现调用本地打印机打印功能 import vueEasyPrint from “vue-easy-print”; 1.导入 “vue-easy-print” 2.编写打印模板 <!-- 分页 --> 用户昵称 归属
vue项目部署到服务器后浏览器标签上的小图标消失不见
别来...无恙*的博客
05-27 2512
背景： 最近在开发项目过程中发现一个问题，项目部署到服务器后在浏览器打开，会发现浏览器标签上的小图标消失不见了。百度查找问题，网上给出了许多解决的方案，例如清除浏览器缓存、把图标的相对路径改成绝对路径、不用管，第二天它自己就会出现…，解决方案多种多样，只有你想不到的，没有度娘查不到的。但可能相同的问题有时候相同的方法不一定能解决，上面的方法亲测了一遍对我的项目没有作用，可能问题根本不是出现在这里。 问题： vue项目部署到服务器后浏览器标签上的小图标消失不见？ 解决思路： 一开始使用百度进行查找解决方法，
vue项目配置favicon图标
Mr_wuying的博客
06-03 720
大家每次看到的网站都有一个小的logo 这是favicon图标 在vue中我们先要 安装插件 npm i --save-dev html-webpack-plugin 安装完成后 我们要在配置文件中配置一下前提是有ico格式的图片 我图片是放在了外面同级 这是我们要配置一下开发环境 路径是根据我放图片的位置写的 后面就是配置生产环境 也是一样的 打包生成的文件图片因为我放在了最外层 所有生成出来会和index同级 这时部署完项目就OK了 ...
Vue项目中favicon.ico的应用配置&取消favicon.ico请求
weixin_43286206的博客
10-26 1042
favicon.ico的应用配置 首先，一般把favicon.ico（固定命名）放在static里，如下图： 在开发环境中，配置 webpack.dev.conf.js里的plugins new HtmlWebpackPlugin里加上 favicon: ‘./static/favicon.ico’,相对路径 项目打包部署，便配置 webpack.prod.conf.js里的plugins new HtmlWebpackPlugin里加上 favicon: ‘./static/favicon.ico’,相对
vue项目去掉tab标签页logo
qq_41838435的博客
03-16 2336
* 注意：这里index.html注释掉引用后，浏览器机制会默认去拿favicon.ico，因此要删除favicon.ico图片 **1、在public文件下的index.html注释引用。2、删除public文件下的favicon.ico图片。背景： 无法隐藏tab标签页的logo图片。如果还没成功，清下缓存就ok了。
VUE更改项目默认图标
weixin_53474595的博客
12-30 2837
运行后你会发现一个比较神奇的事：你之前特别想替换的Vue图标 它自动变成了你的图标！这样的话就可以删除static文件夹，然后将index.html代码修改成以前的（重新运行后也可以不手动删那两行代码，它可以自动变成下面这样）使用方法：下载软件后，直接双击exe文件完成自动安装，然后如下图所示，右键点击需要转化的PNG图片，可以发现此时选项中多出了“”选项，直接点击，然后就会发现此文件夹中已经多出了一项同名ICO文件。把其他格式的图片转为ico格式的软件用的是：PNG-to-ICO。
vue项目如何更换网页图标
weixin_56733569的博客
04-23 1861
vue2的图标文件在public文件夹下，是.ico后缀的文件，我们只需要把新的图标放到这个文件夹下，并改成同名的，然后将旧的删掉，就能替换了。把svg图的代码复制过来，将原本的vite.svg文件里面的代码替换掉就可以啦。vue3的图标也在public文件夹下，但是它是一个.svg后缀的图标。
vue3.0 解决浏览器小图标 ico图标更换不了的问题 记录
weixin_42508580的博客
03-09 1364
vue3设置ico图标审查元素显示如下 <!--[if IE]><linke rel="icon" herf="logo.ico" /><![endif]--> 解决方法 index.html <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewpor
如何更改vue项目中的小图标
weixin_45561965的博客
11-24 761
如何更改vue项目中的小图标
vue3浏览器调试插件
04-27
vue3浏览器调试插件
vue实现浏览器全屏展示功能
10-15
主要介绍了vue实现浏览器全屏展示功能,项目中使用的是sreenfull插件，执行命令安装，具体实现代码跟随小编一起看看吧
Vue 禁用浏览器的前进后退操作
10-14
主要介绍了Vue 禁用浏览器的前进后退操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue工程的浏览器小图标（缩略的网站标志）无法解析或修改的问题
m0_52116878的博客
11-30 682
vue工程的浏览器小图标（缩略的网站标志）无法解析或修改的问题
vue动态修改浏览器title和icon图标
最新发布
轻风细雨_林木木
09-20 1192
【代码】vue动态修改浏览器title和icon图标。
vue网页图标设置及不显示问题
m0_61828394的博客
08-08 757
vue网页图标设置及不显示问题
YDOOK: vue3: vue-cli4: 更换页面 ICON icon图标标志
YDOOK
02-13 1053
YDOOK: vue3: vue-cli4: 更换页面 ICON icon图标标志 © YDOOK JYLin 1. 将新 icon 文件拖入文件目录： ./public: 2. 新建或者在已有的 vue.config.js 文件根位置中输入： module.exports = { pwa: { iconPaths: { favicon32: 'ydook.ico', favicon16: 'ydook.ico',
【技巧】IDEA小技巧之去掉编辑页面中烦人的浏览器小图标（WebStrom/PhpStrom...）
程序边界
04-28 4557
在使用JetBrains公司的系列产品时（WebStrom/PhpStrom…），前端开发者们经常会在编辑器中一动鼠标就会显示一串浏览器图标，它们挡住一部分文字，尤其是在分屏时（split vertically），本来就不是很宽敞的地方显得格外别扭。想要去掉它却无从下手，令人挠心挠肺的。。。 我终于忍无可忍，在设置栏里一项一项的找，其实没那么夸张啦。。 打开 File => Setting...
vue项目浏览器热更新
03-28
Vue项目在开发过程中，可以使用浏览器热更新来自动刷新页面，以提高开发效率。下面是如何实现Vue项目浏览器热更新的步骤： 1. 安装webpack-dev-server 在Vue项目中安装webpack-dev-server，可以使用npm命令进行...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值