Heim Web-Frontend js-Tutorial Beim Senden einer Post-Anfrage über Axios wurde festgestellt, dass SpringMVC keine Parameter empfangen konnte (ausführliches Tutorial).

Beim Senden einer Post-Anfrage über Axios wurde festgestellt, dass SpringMVC keine Parameter empfangen konnte (ausführliches Tutorial).

Jun 01, 2018 am 11:29 AM
axios post 请求

Im Folgenden werde ich Ihnen eine Lösung für das Problem mitteilen, dass springMVC beim Senden einer Post-Anfrage in Axios keine Parameter empfangen kann. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich ist.

Als axios eine Post-Anfrage sendete, kam es zu einer Situation, in der die Parameter im Hintergrund nicht empfangen werden konnten. Nach der Analyse der Anfrage stellte ich fest, dass der Inhaltstyp des Anfrage-Headers falsch war /json. Normalerweise sollte es application/x-www-form-urlencoded sein.

Es gibt drei Lösungen:

1. Legen Sie den Standard-Anfrageheader von Axios fest

//设置全局的
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';
Nach dem Login kopieren

2. Verwenden Sie URLSearchParams, um Parameter zu erstellen

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);
   })
Nach dem Login kopieren

3. Verwenden Sie @requestBody, um im Hintergrund zu empfangen

@PostMapping(value = "/login")
public String testLogin(@RequestBody Map dataMap)
Nach dem Login kopieren

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Detaillierte Erläuterung der Filterinstanz des Vue-Filters

Beispiel zum Umschalten der Vue-Seite auf die Bildlaufseite, um die anzuzeigen top_vue.js

Sprechen wir über die Verwendung der JS-Animationsbibliothek Velocity.js

Das obige ist der detaillierte Inhalt vonBeim Senden einer Post-Anfrage über Axios wurde festgestellt, dass SpringMVC keine Parameter empfangen konnte (ausführliches Tutorial).. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Auswahl der Datenanforderung in Vue: Axios oder Fetch? Auswahl der Datenanforderung in Vue: Axios oder Fetch? Jul 17, 2023 pm 06:30 PM

Auswahl der Datenanforderung in Vue: AxiosorFetch? In der Vue-Entwicklung ist die Bearbeitung von Datenanfragen eine sehr häufige Aufgabe. Die Wahl des für Datenanfragen zu verwendenden Tools ist eine Frage, die berücksichtigt werden muss. In Vue sind Axios und Fetch die beiden am häufigsten verwendeten Tools. In diesem Artikel werden die Vor- und Nachteile beider Tools verglichen und Beispielcode bereitgestellt, der Ihnen bei der Entscheidungsfindung helfen soll. Axios ist ein Promise-basierter HTTP-Client, der in Browsern und Node funktioniert.

Nutzen Sie Vue und Axios effizient, um die Stapelverarbeitung von Front-End-Daten zu implementieren Nutzen Sie Vue und Axios effizient, um die Stapelverarbeitung von Front-End-Daten zu implementieren Jul 17, 2023 pm 10:43 PM

Nutzen Sie Vue und Axios effizient, um die Stapelverarbeitung von Front-End-Daten zu implementieren. In der Front-End-Entwicklung ist die Datenverarbeitung eine häufige Aufgabe. Wenn wir große Datenmengen verarbeiten müssen, wird die Datenverarbeitung sehr umständlich und ineffizient, wenn es keine wirksame Methode gibt. Vue ist ein hervorragendes Front-End-Framework und Axios ist eine beliebte Netzwerkanforderungsbibliothek. Sie können zusammenarbeiten, um eine Stapelverarbeitung von Front-End-Daten zu implementieren. In diesem Artikel wird detailliert beschrieben, wie Vue und Axios effizient für die Stapelverarbeitung von Daten eingesetzt werden können, und es werden relevante Codebeispiele bereitgestellt.

Vue und Axios implementieren die synchrone Verarbeitung asynchroner Datenanforderungen Vue und Axios implementieren die synchrone Verarbeitung asynchroner Datenanforderungen Jul 17, 2023 am 10:13 AM

Vue und Axios realisieren die synchrone Verarbeitung asynchroner Datenanforderungen. Einführung: Da die Seite in der modernen Front-End-Entwicklung Daten über asynchrone Datenanforderungen abrufen und dynamisch anzeigen muss, ist die asynchrone Verarbeitung zu einer unvermeidlichen Anforderung geworden. Allerdings führen asynchrone Datenanforderungen häufig dazu, dass die Codelogik komplex und schwer zu warten ist. Im Vue-Framework lässt sich über die Axios-Bibliothek die synchrone Verarbeitung asynchroner Datenanfragen einfach implementieren und so die Lesbarkeit und Wartbarkeit des Codes verbessern. 1. Einführung in Vue Vue ist ein leichtes Front-End-Framework.

Vue und Axios implementieren Fehlerbehandlungs- und Eingabeaufforderungsmechanismen für Datenanfragen Vue und Axios implementieren Fehlerbehandlungs- und Eingabeaufforderungsmechanismen für Datenanfragen Jul 17, 2023 am 09:04 AM

Vue und Axios implementieren Fehlerbehandlungs- und Eingabeaufforderungsmechanismen für Datenanfragen. Einführung: In der Vue-Entwicklung wird Axios häufig für Datenanfragen verwendet. Im eigentlichen Entwicklungsprozess treten jedoch häufig Anforderungsfehler auf oder der Server gibt Fehlercodes zurück. Um die Benutzererfahrung zu verbessern und Anforderungsfehler rechtzeitig zu erkennen und zu bearbeiten, müssen wir einige Mechanismen zur Fehlerbehandlung und Eingabeaufforderungen verwenden. In diesem Artikel wird erläutert, wie Sie mit Vue und Axios Fehlerbehandlungs- und Eingabeaufforderungsmechanismen für Datenanforderungen implementieren, und Codebeispiele bereitstellen. Installieren Sie Axi

So implementieren Sie PHP, um zur Seite zu springen und POST-Daten zu übertragen So implementieren Sie PHP, um zur Seite zu springen und POST-Daten zu übertragen Mar 22, 2024 am 10:42 AM

PHP ist eine in der Website-Entwicklung weit verbreitete Programmiersprache, und Seitensprünge und die Übertragung von POST-Daten sind häufige Anforderungen bei der Website-Entwicklung. In diesem Artikel wird erläutert, wie PHP-Seitensprünge implementiert und POST-Daten übertragen werden, einschließlich spezifischer Codebeispiele. In PHP werden Seitensprünge im Allgemeinen über die Header-Funktion implementiert. Wenn Sie POST-Daten während des Sprungvorgangs übertragen müssen, können Sie dies mit den folgenden Schritten tun: Erstellen Sie zunächst eine Seite mit einem Formular, auf dem der Benutzer die Informationen ausfüllt und auf die Schaltfläche „Senden“ klickt. Acti im Formular

Was soll ich tun, wenn bei der Verwendung von Axios in einer Vue-Anwendung „Uncaught (in Promise) Error: Network Error' auftritt? Was soll ich tun, wenn bei der Verwendung von Axios in einer Vue-Anwendung „Uncaught (in Promise) Error: Network Error' auftritt? Jun 25, 2023 am 09:11 AM

Vue ist ein beliebtes JavaScript-Framework, das Entwicklern beim Erstellen dynamischer Single-Page-Anwendungen hilft. Axios ist ein Promise-basierter HTTP-Client, der für JavaScript geschrieben wurde und von Browsern und Node.js-Plattformen zum Senden von HTTP-Anfragen verwendet wird. Vue und Axios sind eine gute Kombination, aber in der tatsächlichen Anwendung kann es zu „Uncaught(inpromise)Error:NetworkErr“ kommen.

PHP-Codebeispiel: So verwenden Sie POST zum Übergeben von Parametern und zum Implementieren von Seitensprüngen PHP-Codebeispiel: So verwenden Sie POST zum Übergeben von Parametern und zum Implementieren von Seitensprüngen Mar 07, 2024 pm 01:45 PM

Titel: PHP-Codebeispiel: So verwenden Sie POST zur Übergabe von Parametern und zur Implementierung von Seitensprüngen. In der Webentwicklung ist es häufig erforderlich, Parameter über POST zu übergeben und sie auf der Serverseite zu verarbeiten, um Seitensprünge zu implementieren. PHP als beliebte serverseitige Skriptsprache bietet eine Fülle von Funktionen und Syntax, um diesen Zweck zu erreichen. Im Folgenden wird anhand eines praktischen Beispiels erläutert, wie PHP zum Implementieren dieser Funktion verwendet wird. Zuerst müssen wir zwei Seiten vorbereiten, eine für den Empfang von POST-Anfragen und Prozessparametern

Wie Nginx die Anforderungsumschreibungskonfiguration basierend auf der Anforderungs-URL implementiert Wie Nginx die Anforderungsumschreibungskonfiguration basierend auf der Anforderungs-URL implementiert Nov 08, 2023 pm 04:15 PM

Nginx ist ein leichter, leistungsstarker Webserver. Er unterstützt nicht nur erweiterte Funktionen wie Reverse-Proxy und Lastausgleich, sondern verfügt auch über leistungsstarke Funktionen zum Umschreiben von Anforderungen. In tatsächlichen Webanwendungen muss in vielen Fällen die Anforderungs-URL neu geschrieben werden, um eine bessere Benutzererfahrung und Suchmaschinenoptimierungseffekte zu erzielen. In diesem Artikel wird vorgestellt, wie Nginx die Konfiguration zum Umschreiben von Anforderungen basierend auf der Anforderungs-URL implementiert, einschließlich spezifischer Codebeispiele. Rewrite-Syntax In Nginx können Sie die Rewrite-Direktive verwenden, um das Umschreiben von Anforderungen durchzuführen. seine Grundsprache

See all articles