perf: header

Author: 521xueweihan

src/components/layout/Header.tsx

@@ -104,7 +104,7 @@ const Header = ({ hiddenAd, showAd }: Props) => {
               {t('header.periodical')}
             </HeaderBtn>
           </li>
-          <li className={liClassName('/report/tiobe')}>
+          <li className={liClassName('/report')}>
             <RankButton t={t} />
           </li>
           <li className={liClassName('/article')}>

src/pages/_app.tsx

@@ -2,10 +2,7 @@ import { AppProps } from 'next/app';
 import { useRouter } from 'next/router';
 import Script from 'next/script';
 import { appWithTranslation } from 'next-i18next';
-import NProgress from 'nprogress';
-import { useEffect } from 'react';
 
-import 'nprogress/nprogress.css';
 import '@/styles/globals.css';
 
 import { LoginProvider } from '@/hooks/useLoginContext';
@@ -27,29 +24,6 @@ function MyApp({ Component, pageProps }: AppProps) {
   // 需要单页面展示的路由
   const singlePage: string[] = ['/404', '/500'];
 
-  // 页面跳转时的加载进度条
-  useEffect(() => {
-    // 不显示右上角的加载转圈图标
-    NProgress.configure({ showSpinner: false });
-    const handleStart = () => {
-      NProgress.start();
-    };
-
-    const handleStop = () => {
-      NProgress.done();
-    };
-
-    router.events.on('routeChangeStart', handleStart);
-    router.events.on('routeChangeComplete', handleStop);
-    router.events.on('routeChangeError', handleStop);
-
-    return () => {
-      router.events.off('routeChangeStart', handleStart);
-      router.events.off('routeChangeComplete', handleStop);
-      router.events.off('routeChangeError', handleStop);
-    };
-  }, [router]);
-
   return (
     <div id='root'>
       <Script id='baidu-analytics'>