Html 标题旁边未显示图标

Question

我在文件夹“public/img/”中有一个网站的图标徽标。这是我写的代码：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <link rel="icon" href="/img/Logo.png" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />

        <!--Google Fonts-->
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
        <link
            href="https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&display=swap"
            rel="stylesheet"
        />
        <title>React App</title>
    </head>
    <body>
        <div id="root"></div>
    </body>
</html>

但是没有显示图标。为什么不可见？

Answer 1

尝试按住 СTRL + F5 刷新缓存。或者使用其他浏览器测试您的应用程序。如果这没有帮助，试试这个选项：

<link rel="icon" type="image/png" href="/img/Logo.png" />

Html 标题旁边未显示图标

Html Icon not shown beside title

html

reactjs

favicon