动态更新的苹果触摸图标不起作用

Question

我正在构建一个可以具有自定义图标 src URL 的网站 - 在另一个应用程序中指定。访问该网站时，我想将苹果触摸图标显示为该 src URL 中的图标。

如果我像这样在头部硬编码苹果触摸图标，它就会起作用：

<link rel="apple-touch-icon" href="https://my-favicon-storage.com/favicon.png">

但是如果我像这样动态更新，它就不起作用了：

<link rel="apple-touch-icon" href="data:,">


const appleTouchIcon = document.querySelector("link[rel~='apple-touch-icon']");
appleTouchIcon.href = customFaviconSrc; // "https://my-favicon-storage.com/favicon.png" - custom favicon src configured in another app

关键点是：苹果触摸图标URL必须使用JavaScript设置，因为我无法预渲染index.html，它是一个React应用程序。

我怎样才能让这个动态设置的苹果触摸图标工作？

Answer 1

现在我也遇到了同样的问题。你解决了吗