nextjs在路徑名稱約束的404頁面中重新導向頁面

Question

我想限制使用者定向到在/pages/ 路徑中建立的頁面，因為例如，如果使用者直接定向到http://localhost:3000/navbar 那將是醜陋的，但我有在文件中創建了/pages/navbar.tsx 所以我的問題是我想將其重定向到404 頁面。

我發現我必須使用 next-redirects 但我不知道它是如何工作的。

基本上這是程式碼。

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

我遵循了chatgpt指令，但程式碼似乎已經過時了。有人關心幫助我如何將其重定向到 404 頁面嗎？謝謝。

Answer 1

Ops，很抱歉，我只需將 pages 中的 navbar.tsx 傳遞到 components/navbar.tsx 中，這樣它就會收到錯誤。