Next.js - API MiddleWares

Le rotte API in Next.JS hanno middleware incorporati che aiutano ad analizzare la richiesta in arrivo.

Di seguito sono riportati i middleware

• req.cookies- L'oggetto cookies contiene i cookies inviati dalla richiesta. Il valore predefinito è {}.

• req.query- l'oggetto query contiene la stringa della query. Il valore predefinito è {}.

• req.body- l'oggetto query contiene il corpo della richiesta analizzato utilizzando "content-type". Il valore predefinito è null.

Creiamo un esempio per dimostrare lo stesso.

In questo esempio, aggiorneremo un user.js in pages/api directory.

Aggiorniamo il progetto nextjs utilizzato nel capitolo Percorsi API .

Crea il file user.js nella directory pages / api come segue.

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

Avvia Next.js Server

Eseguire il comando seguente per avviare il server -.

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

Verifica output

Apri http: // localhost: 3000 / api / user? Counter = 1 in un browser e vedrai il seguente output.

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