如何移除localhost:8000本地服务上持续残留挂载的旧项目favicon.ico

出现该现象的本质原因是：浏览器对 favicon 会做按域名、端口维度的长期强缓存，只要新项目没有主动声明当前站点的 favicon 资源，浏览器就会直接调用同地址下之前缓存的旧项目图标，不会主动发起新请求校验，和本地服务的项目切换本身没有关联。
可以按操作成本从低到高选择适配方案：

• 最省事的永久生效方案：在项目入口 HTML 的 <head> 标签内直接添加强制指定空 favicon 的代码，无需依赖任何外部资源：

  <link rel="icon" href="data:,">
  

  加上这行后浏览器会直接知晓当前站点无自定义图标，完全跳过缓存读取逻辑，不会再挂载旧项目的favicon。
• 针对性清理本地favicon缓存：在Chrome/Edge类Chromium内核浏览器的地址栏输入chrome://settings/siteData，在搜索框输入你本地开发常用的访问地址（比如localhost、对应开发端口的地址），删除对应站点的全部本地存储数据，重启浏览器后同地址下的旧favicon缓存就会被清空。
• 开发阶段临时适配：如果不想改动项目代码，启动本地开发服务时切换到一个从未用过的端口，相当于给当前项目划分独立的favicon缓存存储域，完全不会和之前旧项目的缓存产生冲突。
• 配合开发服务器配置：如果使用Vite、Webpack这类通用本地开发工具，可以在开发服务器配置里临时将favicon路径指向一个1px的透明占位图，不需要提前完成正式图标设计，配置完重启服务就会生效。

内容的提问来源于stack exchange，提问作者Rubenshtein