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

目录
打赏
0
0
0
0
4
分享
相关文章
开发常用图标png、ico 图标下载
推荐几个不错的下载地址: 1、http://www.easyicon.net/ 2、http://588ku.com/sucai/ 3、http://www.iconpng.com 可直接下载png等图标    作者:唐宋元明清2188 出处:http://www.cnblogs.com/kybs0/ 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须在文章页面给出原文连接,否则保留追究法律责任的权利。
2438 0
网页favicon.ico图标设置(转)
随便打开一个网页:比如 http://www.baidu.com/ 可以看到在浏览器的标签头上面显示了一个图标,这个图标是:,也就是我们常说的favicon.ico.   由于这篇文章主要讨论favicon.
2108 0
vue 自定义网页图标 favicon.ico 和 网页标题
vue 自定义网页图标 favicon.ico 和 网页标题
315 1
vue favicon.ico正确显示
方法1 修改webpack配置 vue 中修改webpack配置使其正确显示, 版本如下 "vue": "^2.
5708 0
下载网站 favicon 图标的 3 种方法
在工作中,有时候我们会需要用到一些网站图标,但是浏览器上没有提供直接下载网站图标的方法,想要下载必须使用一些技巧,本文中就来分享下获取网站 favicon 的几种方法。
2370 0
下载网站 favicon 图标的 3 种方法
html:link-icon标签引入网站小图标favicon.ico
html:link-icon标签引入网站小图标favicon.ico
207 0
html:设置页面不自动请求favicon.ico图标
html:设置页面不自动请求favicon.ico图标
186 0

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等