50 lines
1.2 KiB
TypeScript
50 lines
1.2 KiB
TypeScript
"use client";
|
||
|
||
import { useEffect } from "react";
|
||
|
||
export function FaviconUpdater() {
|
||
useEffect(() => {
|
||
let isDisposed = false;
|
||
|
||
const timestamp = Date.now();
|
||
const urlWithCache = `/api/favicon?v=${timestamp}`;
|
||
|
||
Promise.resolve().then(() => {
|
||
if (isDisposed) {
|
||
return;
|
||
}
|
||
|
||
// 仅处理本组件创建的 link，避免删除 Next/React 管理的 head 节点
|
||
const oldLinks = document.querySelectorAll(
|
||
'link[data-managed-favicon="true"]'
|
||
);
|
||
oldLinks.forEach((link) => {
|
||
if (link.parentNode) {
|
||
link.parentNode.removeChild(link);
|
||
}
|
||
});
|
||
|
||
const createManagedLink = (rel: string, href: string, type?: string) => {
|
||
const link = document.createElement("link");
|
||
link.rel = rel;
|
||
link.href = href;
|
||
link.setAttribute("data-managed-favicon", "true");
|
||
if (type) {
|
||
link.type = type;
|
||
}
|
||
document.head.appendChild(link);
|
||
};
|
||
|
||
createManagedLink("icon", urlWithCache, "image/x-icon");
|
||
createManagedLink("apple-touch-icon", urlWithCache);
|
||
createManagedLink("shortcut icon", urlWithCache);
|
||
});
|
||
|
||
return () => {
|
||
isDisposed = true;
|
||
};
|
||
}, []);
|
||
|
||
return null;
|
||
}
|