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前端图片处理相关技术,方向有图片压缩、裁切、旋转、模糊等。
205 0
|
3月前
|
JavaScript 区块链
vue 自定义网页图标 favicon.ico 和 网页标题
vue 自定义网页图标 favicon.ico 和 网页标题
200 1
|
5月前
|
缓存 移动开发 JavaScript
WKWebView对网页和js,css,png等资源文件的缓存机制及如何刷新缓存
WKWebView对网页和js,css,png等资源文件的缓存机制及如何刷新缓存
200 1
html:设置页面不自动请求favicon.ico图标
html:设置页面不自动请求favicon.ico图标
151 0
|
前端开发 区块链
CSS——引入ico图标
CSS——引入ico图标
562 0
CSS——引入ico图标
|
前端开发 应用服务中间件
vue-cli 打包找不到 css 资源或者图片资源问题
用vue-cli 开发,要打包了,放到tomcat 上发现css 或者图片加载不出来,控制台一看是资源路径不对 资源是在assets 目录下的 彻底的解决办法 utils.
2017 0
|
Web App开发 JavaScript Java
|
存储 API 区块链
下载网站 favicon 图标的 3 种方法
在工作中,有时候我们会需要用到一些网站图标,但是浏览器上没有提供直接下载网站图标的方法,想要下载必须使用一些技巧,本文中就来分享下获取网站 favicon 的几种方法。
2004 0
下载网站 favicon 图标的 3 种方法