Maison  >  Questions et réponses  >  le corps du texte

page de redirection nextjs dans la page 404 avec contrainte de nom de chemin

Je souhaite empêcher les utilisateurs d'être dirigés vers /pages/ 路径中创建的页面,因为例如,如果用户直接定向到 http://localhost:3000/navbar 那将是丑陋的,但我有在文件中创建了 /pages/navbar.tsx Ma question est donc la suivante : je souhaite les rediriger vers une page 404.

J'ai découvert que je devais utiliser next-redirects mais je ne sais pas comment ça marche.

En gros, c'est le 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>
  </>
}

J'ai suivi les instructions de chatgpt mais le code semble obsolète. Quelqu'un veut-il m'aider à rediriger ceci vers une page 404 ? Merci.

P粉832490510P粉832490510257 Il y a quelques jours426

répondre à tous(1)je répondrai

  • P粉237029457

    P粉2370294572024-02-05 00:33:20

    Ops, désolé, je viens de mettre pages 中的 navbar.tsx 传递到 components/navbar.tsx pour obtenir l'erreur.

    répondre
    0
  • Annulerrépondre