Next.js - MiddleWares API

Les itinéraires d'API dans Next.JS ont des middlewares intégrés qui aident à analyser la demande entrante.

Voici les middlewares

• req.cookies- l'objet cookies contient les cookies envoyés par la demande. La valeur par défaut est {}.

• req.query- l'objet de requête contient la chaîne de requête. La valeur par défaut est {}.

• req.body- l'objet de requête contient le corps de la requête analysé à l'aide de 'content-type'. La valeur par défaut est nulle.

Créons un exemple pour démontrer la même chose.

Dans cet exemple, nous allons mettre à jour un user.js dans pages/api annuaire.

Mettons à jour le projet nextjs utilisé dans le chapitre API Routes .

Créez le fichier user.js dans le répertoire pages / api comme suit.

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

Démarrez le serveur Next.js

Exécutez la commande suivante pour démarrer le serveur -.

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

Vérifier la sortie

Ouvrez http: // localhost: 3000 / api / user? Counter = 1 dans un navigateur et vous verrez la sortie suivante.

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