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图标

相关推荐
iOS阿玮3 小时前
“死了么”App荣登付费榜第一名!
uni-app·app·apple
wendycwb7 小时前
uni-app 在真机中canvas绘制的元素悬浮,内容不随父组件滚动问题
uni-app
frontend_frank8 小时前
脱离 Electron autoUpdater:uni-app跨端更新:Windows+Android统一实现方案
android·前端·javascript·electron·uni-app
三天不学习8 小时前
UniApp三端实时通信实战:SignalR在H5、APP、小程序的差异与实现
微信小程序·uni-app·signalr
念你那丝微笑9 小时前
uView Plus + Vue3 + TypeScript + UniApp 正确引入 UnoCSS(避坑版)
vue.js·typescript·uni-app
念你那丝微笑10 小时前
vue3+ts在uniapp项目中实现自动导入 ref 和 reactive
vue.js·typescript·uni-app
游戏开发爱好者810 小时前
如何使用 AppUploader 提交上传 iOS 应用
android·ios·小程序·https·uni-app·iphone·webview
iOS阿玮1 天前
AppStore卡审依旧存在,预计下周将逐渐恢复常态!
uni-app·app·apple
郑州光合科技余经理1 天前
开发实战:海外版同城o2o生活服务平台核心模块设计
开发语言·git·python·架构·uni-app·生活·智慧城市
行走的陀螺仪1 天前
在UniApp H5中,实现路由栈的持久化
前端·javascript·uni-app·路由持久化·路由缓存策略