uniapp H5端显示favicon.ico_uniapp h5设置网站icon-程序员宅基地

技术标签： uniapp favicon uniapp uniapp配置favicon favicon.ico

uniapp自定义template.h5.html
下边这个例子来自官网的自定义模板。

在根目录添加template.h5.html文件

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link rel="icon" href="<%= BASE_URL %>static/favicon.ico"> <!-- 这个是新增的 -->
        <title><%= htmlWebpackPlugin.options.title %></title>
        <script>
            var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')
        </script>
        <link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
    </head>
    <body>
        <noscript>
            <strong>Please enable JavaScript to continue.</strong>
        </noscript>
        <div id="app"></div>
    </body>
</html>

把favicon.ico文件放在static目录下

在这里插入图片描述

修改manifest.json

点击浏览，选择根目录的template.h5.html。
在这里插入图片描述

重新运行看效果
在这里插入图片描述

本文链接：https://blog.csdn.net/qq_40745143/article/details/121604515

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

win11给文件夹添加备注_文件夹备注-程序员宅基地

文章浏览阅读1k次。文件夹很多，单靠名称不方便区分的时候，我们想到是否可以通过给文件夹添加备注或者标题来辨别。如何添加标题的方法还没有找到，本文主要记录如何添加备注！_文件夹备注

阿里云服务器 Ubuntu 18.04 Docker安装配置Nginx、Mysql、PHP、Redis容器服务_ubuntu docker php+nginx 容器搭建-程序员宅基地

文章浏览阅读415次。一、Docker Compose 概述与安装。使用 Docker Compose 可以轻松、高效的管理容器。安装 Docker Compose 可以通过下面命令自动下载适应版本的 Compose，并为安装脚本添加执行权限。参考官方安装地址。#运行以下命令以下载Docker Compose的当前稳定版本：sudo curl -L "https://github.com/docker/compose/releases/download/1.25.4/docker-compose-$(uname -_ubuntu docker php+nginx 容器搭建

历年计算机电路基础期末试题答案,中央广播电视大学2000—2001学年度第二学期期末补考试题及参考答案...-程序员宅基地

文章浏览阅读77次。中央广播电视大学2000—2001学年度第二学期期末补考试题及参考答案试卷代号：3179中央广播电视大学2000—2001学年度第二学期期末补考计算机九九级第四学期计算机电路基础(2)试题2001年9月一、选择题：请将正确答案的题号(每小题二空仅选择一个正确答案)填在横线上(每小题2分，共20分)1．正弦交流电量的三要索有：、和初相角。 A 有效值，角频率 B幅值，角频率..._计算机电路基础补考

顺序表基本练习-初始化、插入和输出_第一关:需要编写顺序表的初始化、插入相关操作来完成顺序表的建表操作;编写输出函-程序员宅基地

文章浏览阅读1k次，点赞2次，收藏5次。【问题描述】实现可变长顺序表的建表过程。任务要求：通过顺序表的初始化、插入算法，实现顺序表的建表，并依次输出顺序表元素。_第一关:需要编写顺序表的初始化、插入相关操作来完成顺序表的建表操作;编写输出函

MySQL统计数量以及百分比_mysql 百分比-程序员宅基地

文章浏览阅读2.2k次。COUNT(*) 计算表中总的行数，无论某列有数值或者为空值。COUNT（字段名）计算指定列下总的行数，计算时将忽略空值的行。返回结果为连接参数产生的字符串，如果有任何一个参数为null，则返回值为null。round(x,d) -- x指要处理的数，d是指保留几位小数round(x,d) -- 同round(x,0)，即不保存小数。_mysql 百分比

python uWSGI 框架运行 Django项目的坑_harakiri !!! worker 1 status !!!-程序员宅基地

文章浏览阅读3k次。执行以下命令 (运行uWSGI 框架命令) uwsgi --http 127.0.0.1:8000 --module /home/ubuntu/webapps/.env/hello/hello/wsgi --virtualenv /home/ubuntu/webapps/.env/--module 指的是Django 项目根目录下的 wsgi.py文件--virtualenv 创建的虚拟环境根目录遇到以下错误ModuleNotFoundError: No modnamed encodin_harakiri !!! worker 1 status !!!