How to use interceptors correctly in nextjs #2270

recvexi · 2025-07-04T13:42:23Z

recvexi
Jul 4, 2025

我在 app/layout 中定义了 Interceptor 但无效
I defined Interceptor in app/layout, but it doesn't work

import type { Metadata } from "next"

import "./globals.css"
import { client } from "@/service/gen/client.gen"

export const metadata: Metadata = {
title: "-",
description: "-",
}

async function myInterceptor(response) {
// do something
return response
}

// Supports async functions
client.interceptors.response.use(myInterceptor)
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode
}>) {
return (

<body className={ antialiased}>{children}

)
}

recvexi · 2025-07-05T03:48:34Z

recvexi
Jul 5, 2025
Author

是否考虑像 createClientConfig 一样引入 responseInterceptor 以保证服务端和客户端的一致,上面的代码中我发现服务端生效了,但是客户端并未生效.例如下面这样

import { CreateClientConfig } from "@/service/gen/client.gen"
import { apiUrl } from "@/constant/core"

export const createClientConfig: CreateClientConfig = (config) => ({
  ...config,
  baseUrl: apiUrl,
})

export const responseInterceptor = (response: Response) => {
  console.log("Response Interceptor:", response)
  return response
}

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Hey API

How to use interceptors correctly in nextjs #2270

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Hey API

How to use interceptors correctly in nextjs #2270

Uh oh!

Uh oh!

recvexi Jul 4, 2025

Replies: 1 comment

Uh oh!

recvexi Jul 5, 2025 Author

recvexi
Jul 4, 2025

recvexi
Jul 5, 2025
Author