uniapp 页面favicon.ico文件不存在提示404问题解决

1. uniapp 页面favicon.ico文件不存在提示404问题解决

1.1. 场景

在uniapp中经常出现的,因为找不到 favicon.ico 而报404错误的问题。

javascript 复制代码
 GET http://localhost:5174/favicon.ico 404 (Not Found)

1.2. 问题原因

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

javascript 复制代码
<link rel="icon" type="image/x-icon" href="./img/favicon.ico" />

会发现打包完document.ejs文件不会改变,仍然加载./img/favicon.ico。而./img中的文件被打包到static,根本就不存在./img/favicon.ico这个路径图片。

1.3. 解决方案

(1)随便收一个 ico 图标 最好是42X42 。

(2)把这个ICO重命名为:favicon.ico。

(3)把这个图标拷贝到你的项目根目录里。

1.4. ico转换工具

ico转换工具:在线生成ICO图标

相关推荐
江湖行骗老中医4 小时前
uniapp 引入使用u-view 完整步骤,u-view 样式不生效
uni-app
一嘴一个橘子4 小时前
uniapp 顶部tab + 占满剩余高度的内容区域swiper
javascript·uni-app
睡美人的小仙女1274 小时前
在 UniApp 中,实现下拉刷新
uni-app
iOS阿玮8 小时前
江湖传闻谷歌比苹果严格多了,那么到底有多狠?
uni-app·app·apple
!win !13 小时前
uni-app支付宝端彻底禁掉下拉刷新效果
前端·小程序·uni-app
天籁晴空15 小时前
vscode 配置 + androidStudio配置
vscode·uni-app·vue
雾恋1 天前
我用 trae 写了一个菜谱小程序(灶搭子)
前端·javascript·uni-app
lumi.1 天前
2.3零基础玩转uni-app轮播图:从入门到精通 (咸虾米总结)
java·开发语言·前端·vue.js·微信小程序·uni-app·vue
约翰先森不喝酒1 天前
uni-app 组件之自定义导航栏
uni-app