关于favicon.ico的问题

Posted 2023-04-12

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于favicon.ico的问题相关的知识，希望对你有一定的参考价值。

我的网站源文件没有这些源码<head> </head> ，要怎么加进去呢

参考技术A 更目录下放一个favicon.ico的ico文件如果您需要将Favicon.ico放到其他目录下，或者希望让不同的网页显示不同的Favicon，就需要在网页html文件中做设定了，具体设置也很简单，在Html中的＜head＞部分加入如下的代码：
　　程序代码: <link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
　　<link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
　　Firefox还支持GIF动画格式的Favicon,使用方法如下:
　　首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:
　　程序代码 <link rel="shortcut icon" href="favicon.ico" >
　　<link rel="icon" href="animated_favicon.gif" type="image/gif" > 参考技术B <head><link rel="shortcut icon" href="favicon.ico" > 　　<link rel="icon" href="animated_favicon.gif" type="image/gif" ></head> 参考技术C <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />加在<head></head>

Vue -- 解决favicon.ico:1 GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)问题

1. favicon.ico:1 GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)

1.0 现象重现

示例代码:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入Vue 引入Vue后全局会多一个Vue对象-->
    <script src="../js/vue.js"></script>
    <title>Document</title>
</head>

<body>

    <!-- 准备好一个容器 -->
    <div id="demo">
        <h1>Hello CQUT</h1>
    </div>

</body>
<script>
    Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。
</script>

</html>