Next.js - API MiddleWares

Rotas de API em Next.JS têm middlewares integrados que ajudam a analisar a solicitação de entrada.

A seguir estão os middlewares

  • req.cookies- o objeto cookies contém os cookies enviados pela solicitação. O valor padrão é {}.

  • req.query- objeto de consulta contém a string de consulta. O valor padrão é {}.

  • req.body- objeto de consulta contém o corpo da solicitação analisado usando 'tipo de conteúdo'. O valor padrão é nulo.

Vamos criar um exemplo para demonstrar o mesmo.

Neste exemplo, vamos atualizar um user.js em pages/api diretório.

Vamos atualizar o projeto nextjs usado no capítulo Rotas de API .

Crie o arquivo user.js no diretório pages / api como segue.

export default (req, res) => {
   res.statusCode = 200
   res.setHeader('Content-Type', 'application/json')
   res.end(JSON.stringify({ query: req.query }))
}

Inicie o servidor Next.js

Execute o seguinte comando para iniciar o servidor -.

npm run dev

> [email protected] dev D:\Node\nextjs
> next

ready - started server on http://localhost:3000
info  - Loaded env from D:\Node\nextjs\.env.local
event - compiled successfully
event - build page: /api/user
wait  - compiling...
event - compiled successfully
event - build page: /next/dist/pages/_error
wait  - compiling...
event - compiled successfully

Verificar saída

Abra http: // localhost: 3000 / api / user? Counter = 1 em um navegador e você verá a seguinte saída.

{"query":{"counter":"1"}}