给定用户对索引页（'/'）的请求，我们如何在 Next.js 中的服务器上拦截并运行 function？

Question

Is there a way using a middleware function or some other method in Next.js to see if a user is attempting to go to the home page?

What I'm trying to do basically is intercept a user's request for the home page. Intercepting a URL request is relatively easy to do with Next.js middleware. For example, if you want to see if a user is trying to access a single page called /login , you can access the request url like so:

export default async function middleware(req, res){

   const url = req.url;

   if (url.includes('/login')){
       // carry out action
   }

}

However, how can this be done for a home page URL (eg https://fakewebsite.com/ or in development, localhost:3000)?

Answer 1

I think you can use the middleware introduced in nextjs version 12 to accomplish this. There you can introduce a config for matching URLs and have access to user's request: Next.JS middleware .

The problem with what you have is that you're missing the config export from your middleware, inside which you can specify the matcher :

// middleware.js

export const config = {
  matcher: '/',
}

This will only allow home requests to reach your middleware.