Maison >interface Web >js tutoriel >L'envoi d'une demande de publication via axios a révélé que springMVC ne pouvait pas recevoir de paramètres (tutoriel détaillé)

L'envoi d'une demande de publication via axios a révélé que springMVC ne pouvait pas recevoir de paramètres (tutoriel détaillé)

亚连
亚连original
2018-06-01 11:29:132908parcourir

Ci-dessous, je vais partager avec vous une solution au problème selon lequel springMVC ne peut pas recevoir de paramètres lors de l'envoi d'une demande de publication dans axios. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.

Lorsque axios envoyait une demande de publication, il y avait une situation où les paramètres ne pouvaient pas être reçus en arrière-plan. Après avoir analysé la demande, j'ai découvert que le type de contenu de l'en-tête de la demande était erroné. /json Normalement, il devrait s'agir de application/x-www-form-urlencoded.

Il existe trois solutions :

1 Définir l'en-tête de requête par défaut d'axios .

//设置全局的
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
var instance = axios.create({}) // 这样创建出来的 只需要:
instance.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

2. Utilisez URLSearchParams pour créer des paramètres

var params = new URLSearchParams();
params.append("username", _this.username);
params.append("password", _this.password);
axios.post("/service/login", paramsOfJson
   ).then(function (response) {
    console.log(response);
   }).catch(function (error) {
    console.log(error);
   })

3. background Recevez

@PostMapping(value = "/login")
public String testLogin(@RequestBody Map dataMap)

Ce qui précède est ce que j'ai compilé pour vous. J'espère que cela vous sera utile à l'avenir.

Articles connexes :

Explication détaillée de l'instance de filtre de filtre de vue

Instance de basculement de la page de vue vers la page de défilement pour afficher le top_vue.js

Parlons de l'utilisation de la bibliothèque d'animation JS Velocity.js

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn