vue-cli 显示 favicon.ico

前端项目 static 目录下添加 favicon.ico 文件


前端 index.html 中添加图标引用

  <link rel="icon" type="image/x-icon" href="/static/favicon.ico"/>

npm run dev 开发环境，npm run build 部署环境效果正常

服务器使用 nginx 代理的时候，会出现已经替换 dist 静态文件了，图标未出现的缓存问题
本地浏览器添加图标后，清理浏览器缓存，或使用浏览器隐身模式打开就可以看到网站图标
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring boot参考指南
    Spring Boot 参考指南 介绍 转载自:https://www.gitbook.com/book/qbgb...
    毛宇鹏阅读 47,019评论 6赞 342
  • Spring Cloud
    Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
    卡卡罗2017阅读 135,307评论 19赞 139
  • 基于vue-cli快速构建
    Vue是近两年来比较火的一个前端框架（渐进式框架吧），与reactjs和angularjs三国鼎立，我不是职业前端...
    玄木阅读 273,110评论 70赞 259
  • 单身狗出行注意事项
    单身是一种状态、是一种态度，并不是一定要为了某些原因而勉强凑合在一起，当然这里想说的不是单身狗的问题，而是单身狗的...
    罗lolo君阅读 3,237评论 0赞 0
  • 2.19
    学生时期与成人时的喜爱是不同的，成人世界总是由于社会与生存的关系，对喜爱对象的选择多了很多附加要求，例如金钱地位。...
    NLF_62阅读 1,105评论 1赞 1