nextjs-Weiterleitungsseite in 404-Seite mit Pfadnamenbeschränkung

Question

Ich möchte verhindern, dass Benutzer weitergeleitet werden. /pages/ 路径中创建的页面，因为例如，如果用户直接定向到 http://localhost:3000/navbar 那将是丑陋的，但我有在文件中创建了 /pages/navbar.tsx Meine Frage lautet also: Ich möchte sie auf eine 404-Seite umleiten.

Ich habe herausgefunden, dass ich next-redirects verwenden muss, aber ich weiß nicht, wie es funktioniert.

Im Grunde ist dies der Code.

import '@/styles/globals.css'
import '@/styles/auth.scss'
import type { AppProps } from 'next/app'
import { Provider } from 'react-redux';
// import accountSlice from '@/pages/features/Authentication';
import { store } from '@/features/Authentication';
import { AccountProvider } from '@/components/context/Account';
import { useEffect } from 'react';
import { Redirects } from 'next-redirects';

export default function App({ Component, pageProps }: AppProps) {

  useEffect(() => {
    if (window.location.pathname === '/navbar') {
      Redirects('/', { statusCode: 404 });
    }
  }, []);
  

  return <>
    <AccountProvider>
      <Provider store={store}>
        <Component {...pageProps} />
      </Provider>
    </AccountProvider>
  </>
}

Ich habe die Chatgpt-Anweisungen befolgt, aber der Code scheint veraltet zu sein. Möchte mir jemand helfen, wie ich dies auf eine 404-Seite umleiten kann? Danke.

Answer 1

Ops，很抱歉，我只需将 pages 中的 navbar.tsx 传递到 components/navbar.tsx 中，这样它就会收到错误。