自定义404页面,当Next.js重写' origin响应404时

30byixjq  于 2023-08-04  发布在  其他
关注(0)|答案(1)|浏览(160)

我有一个Next.js应用程序与重写配置。目的地是外部URL。

  1. module.exports = {
  2. async rewrites() {
  3. return [
  4. {
  5. source: '/foo/:slug',
  6. destination: 'https://example.com/foo/:slug',
  7. },
  8. ];
  9. },
  10. };

字符串
源站返回404时有没有办法渲染自定义404页面?
目前,我的应用程序呈现源服务器返回的内容,尽管我有pages/404.tsx。

krcsximq

krcsximq1#

您可以在middleware.tsx中实现相同的功能

  1. import { NextResponse } from 'next/server';
  2. import type { NextRequest } from 'next/server';
  3. export const config = {
  4. matcher: ['/matcher-url'],
  5. };
  6. export async function middleware(request: NextRequest) {
  7. return NextResponse.rewrite(new URL('/rewrite-url', request.url));
  8. }

字符串

相关问题