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

简介: 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,确保从根目录访问,就可以访问到了。

相关文章
|
移动开发 前端开发 JavaScript
js实现图片压缩上传
最近在研究H5前端图片处理相关技术,方向有图片压缩、裁切、旋转、模糊等。
216 0
|
4月前
|
JavaScript 区块链
vue 自定义网页图标 favicon.ico 和 网页标题
vue 自定义网页图标 favicon.ico 和 网页标题
276 1
html:设置页面不自动请求favicon.ico图标
html:设置页面不自动请求favicon.ico图标
168 0
|
Web App开发 JavaScript Java
|
前端开发 区块链
CSS——引入ico图标
CSS——引入ico图标
570 0
CSS——引入ico图标
elementui打包后出现图标乱码的问题解决
elementui打包后出现图标乱码的问题解决
510 0
elementui打包后出现图标乱码的问题解决
|
缓存
PbootCMS模板如何添加网站浏览器图标 favicon.ico
PbootCMS模板如何添加网站浏览器图标 favicon.ico
402 0
|
存储 API 区块链
下载网站 favicon 图标的 3 种方法
在工作中,有时候我们会需要用到一些网站图标,但是浏览器上没有提供直接下载网站图标的方法,想要下载必须使用一些技巧,本文中就来分享下获取网站 favicon 的几种方法。
2147 0
下载网站 favicon 图标的 3 种方法
|
前端开发 JavaScript PHP
百度编辑器UEditor实现自动保存
百度编辑器UEditor实现自动保存
1176 0