Heim >Web-Frontend >js-Tutorial >So lösen Sie das Problem, dass Vue Axios integriert und Post-Request-Nutzlast sendet, was dazu führt, dass der Hintergrund keine Daten empfangen kann.

So lösen Sie das Problem, dass Vue Axios integriert und Post-Request-Nutzlast sendet, was dazu führt, dass der Hintergrund keine Daten empfangen kann.

一个新手
一个新手Original
2018-05-19 14:46:244208Durchsuche

Nachdem Vue Axios integriert hat, ist die gesendete Post-Anfrage standardmäßig die Nutzlastmethode. Wenn Sie zur normalen Methode wechseln möchten, müssen Sie Header hinzufügen und das JSON-Format der gesendeten Daten in Querystring ändern.

Abhängigkeiten installieren

cnpm install qs

Abhängigkeiten importieren

import Qs from 'qs'

Verwenden Sie die folgende Methode, wenn Sie post verwenden müssen, wobei postData ein JSON-Objekt ist

this.$http({
    url: '/api/act/yourApi.api',
    method: 'POST',
    headers: {        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
    },
    data: Qs.stringify(postData)
})
    .then(res => {
        console.log(res);
    })
    .catch(err => {
        console.log(err);
    })

Auf diese Weise werden die gesendeten Daten im formular-urlencodierten Modus gesendet.

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem, dass Vue Axios integriert und Post-Request-Nutzlast sendet, was dazu führt, dass der Hintergrund keine Daten empfangen kann.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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