在NextJs的应用程序中,我想添加<script>
代码,但不知道在哪里添加以及如何添加?我尝试将它添加到.js
文件中,但没有识别。
在react中,我们有index.html
来添加这些东西,那么在Nextjs应用程序中呢?
要编辑index.html
,NextJS中的等效文件是_document.js
文件。
自定义文档通常用于增强应用程序的
<html>
和<body>
标记。
import Document, { Html, Head, Main, NextScript } from 'next/document'
class MyDocument extends Document {
static async getInitialProps(ctx) {
const initialProps = await Document.getInitialProps(ctx)
return { ...initialProps }
}
render() {
return (
<Html>
<Head />
<body>
<Main />
<NextScript />
<script>...</script>
</body>
</Html>
)
}
}
如果只想将元素附加到<head>
标记(对于特定页面(,请使用next/head
:
import Head from 'next/head'
function IndexPage() {
return (
<>
<Head>
<script>....</script>
</Head>
</>
)
}