个人中心
gpt4 book ai didi

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

转载 作者：行者123 更新时间：2023-12-04 11:23:03 56 4
gpt4 key购买 nike

在 NextJs 应用程序中，我想添加 <script>代码，但没有得到在哪里添加以及如何添加？我尝试将其添加到 .js文件，但无法识别。
在 react 中，我们有 index.html要添加这些东西，在 Nextjs 应用程序中呢？

最佳答案

编辑index.html , NextJS 中的等价物是 _document.js file .

A custom Document is commonly used to augment your application's <html> and <body> tags.

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

关于javascript - NextJs - 我们可以在哪里添加 &lt;script&gt; 代码？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/67189907/

56 4 0
文章推荐： kubernetes - 集群范围内 API 组中的禁止资源
文章推荐： groovy - 使用 Jenkins Job-DSL 配置 block 在特定位置放置自定义步骤
文章推荐： sql - Rails - 如何在 update_all 查询中正确转义值
文章推荐： flutter - 使用 Flutter Downloader 插件，下载应用程序关闭后
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com