Fügen Sie Axios-Komponenten über Vue hinzu, um das Problem der Nullparameter im Beitrag zu lösen (ausführliches Tutorial).

Jetzt werde ich mit Ihnen einen Artikel über das Hinzufügen von Axios-Komponenten basierend auf Vue zur Lösung des Problems der Nullparameter im Beitrag teilen. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird.

Okay, die Ware wird unten versendet.

1. Axios installieren

npm install axios --save

2. Axios-Komponente hinzufügen

import axios from 'axios'
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
axios.defaults.baseURL = 'http://localhost:7878/zkview';
Vue.prototype.$ajax = axios;

3. Anfrage erhalten

testGet: function () {
 this.$ajax({
  method: 'get',
  url: '/test/greeting',
  params: {
   firstName: 'Fred',
   lastName: 'Flintstone'
  }
 }).then(function (response) {
  console.log(response);
 }).catch(function (error) {
  console.log(error);
 });
},

4. Anfrage posten

testPost: function () {
    var params = new URLSearchParams();
    params.append('name', 'hello jdmc你好');
    params.append('id', '2');
    this.$ajax({
     method: 'post',
     url: '/test/greeting2',
     data:params
//     data: {id: '3', name: 'abc'}
    }).then(function (response) {
     console.log(response);
    }).catch(function (error) {
     console.log(error);
    })
   }

5. Laufergebnisse:

6. Hinweis:

Bei Verwendung der Post-Methode gibt es zwei Möglichkeiten, Parameter zu übergeben: eine ist die normale Methode und die andere ist die JSON-Methode. Wenn der Hintergrund die normale Methode akzeptiert, verwenden Sie die oben genannte Methode.

Gemeinsam gebildete Methode

var params = new URLSearchParams();
params.append('name', 'hello jdmc你好');
params.append('id', '2');
data:params

Hintergrundempfangsparameter:

public Student greeting2(int id,String name) {

JSON-Methode

data: {id: '3', name: 'abc'}

Empfangsparameter im Hintergrund

public Object greeting2(@RequestBody Object student) {

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

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

Detaillierte Erläuterung der Vue-Filter-Filterinstanz

Vue.js weist dem src von img dynamisch einen Wert zu

Das obige ist der detaillierte Inhalt vonFügen Sie Axios-Komponenten über Vue hinzu, um das Problem der Nullparameter im Beitrag zu lösen (ausführliches Tutorial).. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!