AI 助理
文档备案控制台
开发者社区 云计算 文章 正文

umi打包时favicon.ico图标丢失问题

2022-05-13 1101
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： umi打包时favicon.ico图标丢失问题

目录



问题背景

在document.ejs中使用link标签相对路径引入文件。


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

会发现打包完document.ejs文件不会改变，仍然加载./img/favicon.ico。


而./img中的文件被打包到static，根本就不存在./img/favicon.ico这个路径图片。


解决方法


在src同级创建一个public文件夹，在umi约定中该文件夹内容会被原封不动的打包到dist。

image.png

因此我们可以在public创建img文件夹，把favicon.ico放入，打包完dist会存在img/favicon.ico

document.ejs中的link的href修改为/img/favicon.ico，确保从根目录访问，就可以访问到了。

在下月亮有何贵干
目录
相关文章
凯小默
|
Web App开发 JavaScript
Vue 项目中使用 debugger 在 chrome 谷歌浏览器中失效以及 console.log 指向去了 vue.js 代码
Vue 项目中使用 debugger 在 chrome 谷歌浏览器中失效以及 console.log 指向去了 vue.js 代码
凯小默
1694 0
游客2dd5gwwaqapjm
钉钉审批实例提交接口 按照文档格式传值后提示value为必填值
我已经按照文档格式填写了value也有值，还是报错"message": "value is mandatory for this action."
游客2dd5gwwaqapjm
377 1
爱睡觉的幾微
|
存储 缓存 数据安全/隐私保护
华为VRP系统基础
该文简单的介绍了华为的数据通信专门开发的管理系统，华为VRP, 华为VRP系统的知识是数通小白必备。
爱睡觉的幾微
1019 0
游客dng4gjyb342he
|
3月前
|
算法 物联网 芯片
基于STM32和51单片机的8位全彩流水灯程序模板
基于STM32和51单片机的8位全彩流水灯程序模板
游客dng4gjyb342he
591 87
长沙-杨磊
|
缓存 前端开发 JavaScript
浅浅阅读umi中InitialState插件源码 - 杨磊
InitialState插件源码的简要介绍
长沙-杨磊
1303 0
浅浅阅读umi中InitialState插件源码 - 杨磊
liuyunshengsir
|
前端开发 JavaScript
umi 中useSearchParams 的使用样例
在umi中，`useSearchParams`是一个React Hook，用于获取和操作URL查询参数。以下是一个使用`useSearchParams`的样例： 首先，确保你已经安装了umi和react-router-dom。 1. 在页面组件中使用`useSearchParams`来获取和操作URL查询参数： ```javascript import { useSearchParams } from 'umi'; export default function SearchPage() { const [searchParams, setSearchParams] = useSea
liuyunshengsir
1658 2
六卿
|
前端开发
React页面跳转取消上一个页面的所有请求
React页面跳转时取消上一个页面的所有axios请求，通过axios拦截器设置cancelToken，并在页面跳转时调用cancel函数取消未完成的请求。
六卿
366 2
周周的奇妙编程
|
存储 人工智能 算法
【阿里云产品测评】揭秘阿里云向量检索服务：赋予智能时代搜索新“维度”
【1月更文挑战第3天】在数字化洪流席卷全球的今天，信息的表达与检索方式正在悄然变革。从字符到图像，再到复杂的多维度数据，我们正在步入一个深度理解、精准匹配的智能搜索新时代。此刻，阿里云推出的向量检索服务正以前沿技术之力，引领这一领域的创新潮流。 阿里云向量检索服务，内核采用自研的Proxima引擎，其强大之处在于能够实现水平拓展、全托管和云原生的高效向量检索。这就好比构建了一个可以无限延伸的“知识宇宙”，无论是大规模图像识别、语音识别模型生成的特征向量，还是复杂的大模型知识库结构化信息，都能通过向量化的形式被管理和高效检索。
周周的奇妙编程
183319 6
LeapMay
|
编解码 计算机视觉
NeRF系列(3): Semantic-aware Occlusion Filtering Neural Radiance Fields in the Wild 论文解读
NeRF系列(3): Semantic-aware Occlusion Filtering Neural Radiance Fields in the Wild 论文解读
LeapMay
426 2
vohelon
|
SQL 分布式计算 MaxCompute
一次性查询一张表所有字段的空值率
一次性查询一张表所有字段的空值率
vohelon
2573 2

热门文章

最新文章

  • 1
    基于OSS的EB级数据湖
  • 2
    “魔搭”来了！一文深度解读达摩院推出的AI模型社区
  • 3
    优酷APP响应式布局技术之iOS篇 | 《优酷响应式布局技术全解析》第三章
  • 4
    短视频SDK,直播SDK,美颜SDK_提供开放API接口
  • 5
    数据分析怎么想、怎么用？一文讲透常见思维框架！
  • 6
    复旦-阿里电子信息专业学位研究生专业实践基地合作对接会成功举行
  • 7
    使用Xamarin.Forms的企业应用程序模式（电子书）--验证
  • 8
    常用正则表达式大全
  • 9
    Android自定义ScrollView分段加载大文本数据到TextView
  • 10
    Ubuntu下配置D-Link路由器进行联网
  • 1
    YOLO26改进 - SPPF模块 | SPPELAN 空间金字塔池化与增强局部注意力：替代SPPF增强多尺度上下文捕获，提升检测精度
    36
  • 2
    YOLO26改进 - C2PSA | C2PSA融合TSSA(Token Statistics Self-Attention)令牌统计自注意力，优化遮挡目标感知
    42
  • 3
    RAG 检索模型如何学习：三种损失函数的机制解析
    39
  • 4
    什么是批处理？批处理系统是怎么运转的？
    38
  • 5
    什么是可信数据空间？为什么可信数据空间是数据共享的关键？
    49
  • 6
    django上传文件注意事项
    26
  • 7
    说一下 TCP 的三次握手四次挥手过程
    30
  • 8
    超越文本：多模态大模型如何重塑AI感知能力
    192
  • 9
    超越规则：AI模型如何学会“思考”？
    63
  • 10
    小巧而强大：轻量级语言模型如何改变游戏规则
    38

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    附部署代码｜云数据库RDS 全托管 Supabase服务：小白轻松搞定开发AI应用