safari 和 ios 平台上的 favicon 没有出现

如何解决safari 和 ios 平台上的 favicon 没有出现

我正在尝试在所有浏览器上动态更改收藏夹图标，我从后端收到包含指向图标的 https 链接的响应，我正在使用 react-helmet 更改收藏夹图标，但它仅适用于 chrome 和 android 并且不适用在 safari 上工作，有什么想法吗？请查看以下代码：

import React from "react";
import { Helmet } from "react-helmet";
import { FavIconProps } from "./FavIconProps.types";

export const FavIcon = (props: FavIconProps) => {
const { faviconLink } = props;
console.log(faviconLink);
return (
<Helmet>
  <Meta name="favicon" />
  <Meta data-react-helmet="true" content="yes" name="apple-mobile-web-app-capable" />
  <Meta
    data-react-helmet="true"
    name="apple-mobile-web-app-status-bar-style"
    content="black-translucent"
  />
  <link id="favicon" rel="icon" data-react-helmet="true" href={faviconLink} />
  <link
    rel="apple-touch-icon"
    data-react-helmet="true"
    sizes="180x180"
    href={faviconLink} />
</Helmet>

); };

导出默认收藏夹图标；