相关疑难解决方法(0)

我正在使用 GitHub Pages 构建一个网站，但在让网站图标正确显示时遇到了一些问题。我的理解是，由于兼容性问题，您需要添加各种自定义代码，以确保您的网站图标在不同浏览器上正确显示。

我目前正在使用 Safari 14.0.3 和 Google Chrome 来测试这一点。

我添加了以下 HTML 代码来显示我的网站图标：

<link rel="apple-touch-icon" sizes="60x60" href="/images/favicon_2.png">
<link rel="icon" href="/images/favicon_2.png">

唯一的问题是它没有显示在 Safari 的标签栏上。它可以正确显示在 Google Chrome 和 Safari 顶部的搜索栏中，但不能显示在标签栏中。我提供了以下图片以供参考：

在 Safari 中正确显示的位置：

Safari 中未显示的情况：

注意：我正在尝试显示地球仪图标。

我读过一些类似的问题，其中谈到了清除缓存等，但这些似乎都不起作用。

到目前为止我已经尝试过：

1. 清除我所有的 Safari 缓存（清除所有历史记录）
2. 清空所有缓存
3. 删除 Mac 上 Safari Favicon 缓存文件夹中的所有文件

当我执行了两个操作，然后最初启动 Safari 时，正确的图标会短暂显示在选项卡栏中，然后切换回另一个图标。

我有点不确定在这里做什么。有人有什么想法吗？我需要添加额外的代码吗？任何示例或资源的链接将不胜感激。另外，作为旁注，是否有任何文档链接，我可以在rel=""其中进一步了解所有不同功能的作用？

谢谢。

问题

当使用Safari作为浏览器而不是Chrome浏览器时，加载Web应用程序首页时会收到401状态，这仅在该选项卡上首次出现，当我们打开新的选项卡并重新加载应用程序时，它加载正常。

我们使用的技术是MEAN堆栈，当我们使用Chrome / Firefox作为浏览器时，一切都很好（没有401错误，并且身份验证似乎很好），但是当我们切换到Safari时，它不起作用。

我在React on SO上看到了类似的文章Safari接收401状态而不是Chrome，并确保端点具有正斜杠

API调用

get_change_lifecycle_data(){
    const params = new HttpParams().set('params', this.enteredValue);
    this.http.get('https://change-life-cycle.region02.hoster.company.com/api/change_life_cycle/',{params})
        .subscribe(response => {
        console.log("change data:");
         console.log(response);
         this.newPost = response
        //  this.splice_gerrits();
     });
}

失败的请求：

Summary
URL: https://bati.company.com/runtime-es2015.858f8dd898b75fe86926.js
Status: 401 Unauthorized
Source: Network

Request
Origin: https://bati.company.com
Accept: */*
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) companyWebKit/605.1.15 (KHTML, like Gecko) Version/11.1.2 Safari/605.1.15
Referer: https://bati.company.com/

Response
Content-Type: text/html
Date: Tue, 20 Aug 2019 00:02:58 GMT
Connection: keep-alive
Server: companyHttpServer/54b48526
Content-Length: 207
X-B3-TraceId: …