由于您无法控制来自外部的a，因此可以在_app.js组件中全局覆盖它们，如下所示：

import { useRouter } from "next/router";
import { useEffect } from "react";

export default function App({ Component, pageProps }) {
  const router = useRouter();
  useEffect(() => {
    const useNextNavigationSystem = (e) => {
      e.preventDefault();
      router.push(e.currentTarget.href);
    };

    const aLinks = document.querySelectorAll("a");
    aLinks.forEach((aLink) => {
      aLink.addEventListener("click", useNextNavigationSystem);
    });

    // clean up before the component is destroyed
    return () => {
      aLinks.forEach((aLink) => {
        aLink.removeEventListener("click", useNextNavigationSystem);
      });
    };
  }, [router]);
  return <Component {...pageProps} />;
}