Rumah  >  Soal Jawab  >  teks badan

halaman ubah hala nextjs dalam halaman 404 dengan kekangan nama laluan

Saya mahu menyekat pengguna daripada diarahkan ke /pages/ 路径中创建的页面,因为例如,如果用户直接定向到 http://localhost:3000/navbar 那将是丑陋的,但我有在文件中创建了 /pages/navbar.tsx Jadi soalan saya ialah saya mahu mengubah hala mereka ke halaman 404.

Saya mendapati bahawa saya perlu menggunakan next-redirects tetapi saya tidak tahu bagaimana ia berfungsi.

Pada asasnya ini adalah kod.

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>
  </>
}

Saya mengikut arahan chatgpt tetapi kod itu nampaknya sudah lapuk. Adakah sesiapa peduli untuk membantu saya bagaimana untuk mengubah hala ini ke halaman 404? Terima kasih.

P粉832490510P粉832490510257 hari yang lalu429

membalas semua(1)saya akan balas

  • P粉237029457

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

    Ops, maaf, saya baru masukkan pages 中的 navbar.tsx 传递到 components/navbar.tsx supaya ia mendapat ralat.

    balas
    0
  • Batalbalas