NodeJS 如何在nextjs中隐藏特定子域中的脚本

vjrehmav 于 2023-06-29 发布在 Node.js

关注(0)|答案(1)|浏览(112)

在_document页面，我有一个聊天窗口的脚本，我需要隐藏任何子域中的脚本，
示例：
domain.com>> allow脚本，
*.domain.com>> disallow脚本
*.domain.com/*>> disallow脚本

import { Html, Head, Main, NextScript } from 'next/document'
const Document = () => {
  return (
    <Html lang="en">
      <Head>
        <script src="//code.jivosite.com/widget/id" async></script> // this is the script
      </Head>
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  )
}
export default Document;

node.js

来源：https://stackoverflow.com/questions/76531957/how-i-can-hide-script-in-specific-subdomain-in-nextjs

1条答案

按热度按时间

mgdq6dx11#

我刚刚通过检查host值来确定它是一个域还是一个子域，然后将结果传递给Document的props来解决这个问题。

import { Html, Head, Main, NextScript } from 'next/document'
import NextDocument from "next/document"
import { domain } from '@/config/constants';

const Document = ({ isSubDomain }: any) => {

  return (
    <Html lang="en">
      <Head>
        {!isSubDomain && <script src="//code.jivosite.com/widget/id" async></script>}
      </Head>
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  )
}

Document.getInitialProps = async (ctx: any) => {
  const initialProps = await NextDocument.getInitialProps(ctx);
  let isSubDomain = ctx?.req?.headers?.host?.replace(`.${domain}`, "") ? true : false
  return { ...initialProps, isSubDomain };
};

export default Document;

赞(0）回复(0）举报 2023-06-29

我来回答

NodeJS 如何在nextjs中隐藏特定子域中的脚本

1条答案

相关问题

热门标签

最新问答