Soo*_*ran 6 javascript favicon reactjs next.js
我正在尝试将网站图标添加到 Next js 项目中。该项目是使用 create-next-app 创建的。
favicon.png我的文件夹中有一个- 按照此处public提供的静态文件的说明进行操作
在我的布局文件中，我有以下代码：
<Head>
<title>{title}</title>
<meta charSet="utf-8" />
<meta
name="viewport"
content="initial-scale=1.0, width=device-width"
/>
<link rel="shortcut icon" href="../public/favicon.png" />
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
/>
</Head>
布局文件位于components目录中且public位于根目录中。
但是，网站图标没有显示。我究竟做错了什么？
网站图标由浏览器加载，而不是在构建期间加载。您应该指定 webroot 目录。
<link rel="icon" type="image/png" href="/favicon.png" />