适用模块

平台所有服务浏览器tab图标

INFO-修改浏览器页上tab图标 - 图1

具体说明

此操作为一次性,升级变更操作会刷掉,需要重新操作一次

使用示例

一、Mammut 服务

通过 easyops 确定组件部署路径,如 /home/easyops/mammut/20220117111521691c31f16d4/current/ INFO-修改浏览器页上tab图标 - 图2 其目录结构大致如下: INFO-修改浏览器页上tab图标 - 图3

  1. 上传 favicon.png,替换部署路径下的 favicon.png 文件
  2. 若刷新页面后发现 favicon 无变化(因为浏览器对 favicon 的缓存机制),则还需要需改部署路径下的 vim ./WEB_INF/index.html 文件,找到 favicon.png文本,在其后增加 ?v=随机数(随机数无特别的选取规则,只需保证唯一即可): INFO-修改浏览器页上tab图标 - 图4
二、其他服务(如easycoop)

通过 easyops 确定组件部署路径,如 /home/easyops/easy_coop/easy_coop_frontend/2022011711152169472c51f86/current,只需对后缀为 frontend 的组件进行处理即可 INFO-修改浏览器页上tab图标 - 图5 其下目录结构大致如下: INFO-修改浏览器页上tab图标 - 图6

  1. 在 dist/index.html 搜索 favicon 文本,查看其使用的是哪个 favicon 文件,如这里显示其使用的 public/favicon-16x16.png 文件: INFO-修改浏览器页上tab图标 - 图7
  2. 上传替换 public/favicon-16x16.png 文件
  3. 若刷新页面后,发现 favicon 无变化,则参照上面 Mammut 服务中的最后一步添加随机数

作者:常惠渊