在NextJS中，每次导航到新页面时都会重新加载页面，这意味着一些第三方脚本会在每个页面上重复加载多次，包括AddThis脚本。为了解决这个问题，可以使用Next.js提供的自定义文档功能来确保脚本只会加载一次。 以下是实现的步骤。

1. 在pages文件夹中创建一个_document.js文件。

import Document, { Html, Head, Main, NextScript } from 'next/document';

export default class MyDocument extends Document {
  render() {
    return (
      
        
          {/* 在这里添加AddThis脚本 */}
          
        
        
          

          
        
      
    );
  }
}

2. 在页面上使用AddThis脚本时，将脚本标记为“data-rh”属性并将其值设置为“AddThis”。这将告诉NextJS忽略这个脚本，并确保它只在文档中加载一次。例如：

import Head from 'next/head';

export default function MyPage() {
  return (
    

      
        
      
      
Hello World!
    
  );
}