nextjs在路径名约束的404页面中重定向页面
我想限制用户定向到在 /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 页面吗？谢谢。
