我今天开始使用NextJS，移植了一个ReactJS网站到它上面。它看起来是一个很棒的框架，但是我缺少了一件事。
在纯ReactJS（没有NextJS框架）中有一个public/index.html页面，它作为一个模板，所有ReactJS组件都安装在这个模板中，在某些情况下，当我需要在所有页面中添加某个脚本时，我只需要编辑public/index.html并将脚本添加到它的<head></head>部分。
一个很好的例子是我的FontAwesome工具包，我通过插入以下内容将其添加到所有ReactJS页面
<script src="https://kit.fontawesome.com/9999999999.js" crossorigin="anonymous"></script>到public/index.html的<head></head>部分。
我搜索了一个NextJS项目的基本结构，但没有找到等效的文件。
如何使用NextJS执行相同操作？
2条答案
按热度按时间pvcm50d11#
我们有_document.tsx文件（如果你还没有，在页面文件夹下生成一个）。你可以在每个页面上看到它的内容。
https://nextjs.org/docs/advanced-features/custom-document
在Head标记之间，可以使用NextJs脚本组件运行脚本
https://nextjs.org/docs/api-reference/next/script
jpfvwuh42#
在index.tsx或index.js文件中，您会发现您可以使用
<Head></Head>，它具有相同的用途。