您可以尝试将整个脚本 Package 在更高阶的组件中。

import { config } from "../path/to/config";
import { NextRouter } from "next/router";
import { AppProps } from "next/app";
import { useEffect } from "react";
import Router from "next/router";

function handleRouteChange(router: NextRouter, url: string) {
  if (!url.match(config.matcher)) {
    // do something here, such as redirect to a login page
  }
}

function MyApp({ Component, pageProps }: AppProps) {
  useEffect(() => {
    const handleRouteChange = (url: string) => {
      if (!url.match(config.matcher)) {
        // do something here, such as redirect to a login page
      }
    };

    Router.events.on("routeChangeStart", handleRouteChange);

    return () => {
      Router.events.off("routeChangeStart", handleRouteChange);
    };
  }, []);

  return <Component {...pageProps} />;
}

export default MyApp;

每次路由更改时都会调用此方法，它将检查当前URL是否与config中的模式匹配。匹配器
您可以在您认为合适的地方进行适当的更改。