Partagez un exemple de didacticiel sur la création d'un projet vue-cli.

Le mock backend est implémenté dans "Ajout d'une interface backend simulée à un projet construit par Vue-cli", mais les données t de la publication front-end doivent être utilisées dans l'interface back-end du mock pour obtenir les données dans le corps du protocole http en utilisant l'événement de réception de données de req.

req.on('data', function(chunk){  //接收字节数据});

req.end('data', function(){  //转换||处理});

req.error('error', function(e){  //处理错误});

Si le front-end doit utiliser des cookies et que le back-end doit les lire, alors dans l'interface fictive en arrière-plan, vous devez obtenir les en-têtes de req, et récupérez-en la chaîne de cookie, et renvoyez-la vous-même Pour être divisée et traitée, etc.

Bien sûr, cela est possible, mais c'est plus gênant. Vous devez le faire vous-même depuis la réception des données jusqu'à leur conversion.

Le projet construit par vue-cli utilise express comme framework Web de node.js, qui prend en charge un middleware riche.

Correspondant aux problèmes ci-dessus, il existe des middlewares body-parser et cookie-parser qui peuvent facilement extraire les données et les cookies du corps de la publication dans les objets req.body et req.cookies que les gens peuvent utiliser, ce qui est très pratique.

Installer le middleware

npm install body-parser --save-dev

npm install cookie-parser --save-dev

Introduire le middleware

dans build/dev - Ajouter un middleware require à la fin de la zone d'en-tête require dans le fichier server.js.

  var bodyParser = require('body-parser');  var cookieParser = require('cookie-parser');

Ajoutez ensuite l'appel middleware immédiatement après var app = express().

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());

Les deux lignes d'appel de bodyParser sont basées sur les paramètres de type de contenu de 'application/json' et 'application/x-www-form-urlencoded'.

Une fois l'ajout terminé, il est facile à utiliser.

Fin

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!