NextJs - 我们可以在哪里添加<script>代码?



在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>
</>
)
}

相关内容

最新更新