Favicon 无法在 Next.js _documents.js 中工作
这是我的 _document.js 中的代码：
import Document, { Head, Main, NextScript } from 'next/document';
<html lang="id">
<Head>
<meta charSet="utf-8" />
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<link rel="icon" type="image/x-icon" href="../static/favicon.ico" />
</Head>
<body className="custom_class">
<Main />
<NextScript />
</body>
</html>
我已确认该图标位于根目录的静态文件夹中：
我尝试将头部放入index.js，将图标移动到公共文件夹中，并使用不同的图标。在我的其他 Next.js 项目中，网站图标也无法加载。我已经在 Firefox、Edge 和 Chrome 中尝试过。这里发生了什么？
Next.js 提供文件夹中的静态文件public（无法更改）。您的代码可以从基本 URL ( ) 开始引用其中的文件/。
在您的情况下，您需要将static文件夹重命名为public，然后引用您的网站图标_document：
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
| 归档时间： |
|
| 查看次数： |
5952 次 |
| 最近记录： |