Axios: Axios में डेटा पोस्ट करने में असमर्थ

@ awais-ilyas, मुझे नहीं लगता कि आप सामान्य रूप से POST पेलोड को स्ट्रिंग करेंगे। इसे इस्तेमाल करे:

...
axios({
method: 'post',
url: 'api/Application/Action/MyWebAPIMethod',
data: args,
});
...

जिसे पोस्ट बॉडी में data सेट करना चाहिए।

मैंने हाल ही में AJAX काम के लिए jQuery का उपयोग करने से Axios की ओर बढ़ना शुरू किया है, सिर्फ इसलिए कि यह सभी क्रोध प्रतीत होता है। लेकिन मैं यह जानकर चौंक गया कि मैं एक साधारण पोस्ट नहीं कर सकता।

तो, यहां मैंने पहली बार कोशिश की है:

axios.post('/api/event/item', {
    event_id: eventId,
    item_id: itemId,
    description: description
  })
  .catch(function (error) {
    console.log(error);
  });

बैकएंड पर (PHP का उपयोग करके) $_POST पूरी तरह से खाली था। तो मैंने कुछ गुगल किया, और यह काम करता है (पॉलीफिल के उपयोग के साथ, श्वास):

const params = new URLSearchParams();
params.append('event_id', eventId);
params.append('item_id', itemId);
params.append('description', description);
axios({
  method: 'post',
  url: '/api/event/item',
  data: params
});

यह सही है। तो मुझे URLSearchParams का उपयोग करने की ज़रूरत है? खैर यह निराशाजनक था क्योंकि दस्तावेज़ बताते हैं कि पहली विधि को काम करना चाहिए।

किसी और को यह परेशानी हो रही है?

@dlgoodchild क्या आप इसे फॉर्म डेटा के रूप में भेजने की कोशिश कर रहे हैं? मैंने पाया कि मेरा पोस्ट बॉडी भी खाली था, लेकिन मुझे इसका इस्तेमाल इसे किसी फॉर्म की तरह बदलने के लिए करना पड़ा:

   ...
      data: params,
      transformRequest: [
        function(data, headers) {
          const serializedData = []

          for (const k in data) {
            if (data[k]) {
              serializedData.push(`${k}=${encodeURIComponent(data[k])}`)
            }
          }

          return serializedData.join('&')
        }
      ],
   ...

सहमत, POST कार्यक्षमता को काम करने की ज़रूरत है।

आह अच्छा दृष्टिकोण! यहां आने वाले किसी भी व्यक्ति के लाभ के लिए, अंत में मैंने इसे 3 प्रकारों में उपयोग करके काम किया:

1. फॉर्मडाटा
2. URLSearchParams
3. querystring.stringify (नोड का हिस्सा)

पहले 2 विकल्पों में समस्या ब्राउज़र संगतता है (caniuse.com से जांचें)। अंतिम एक और निर्भरता है।

मुझे transformRequest विकल्प के बारे में पता नहीं था, यह अच्छा लग रहा है और यह एक बढ़िया विकल्प है यदि आप निर्भरता को कम करना चाहते हैं और विशेष रूप से पुराने संस्करणों के लिए क्रॉस ब्राउज़र पर काम करना चाहते हैं।

मुझे लगता है कि प्रलेखन वह है जो कई लोगों के लिए एक्सियोस को निराश करता है। Axios का उपयोग करके POST से संबंधित StackOverflow प्रश्नों की संख्या एक अच्छा संकेत है कि कहीं न कहीं कोई समस्या है और सामान्य गलतफहमी है।

एक ही समस्या है - अनुसंधान पर कुछ घंटे बिताए, अंत में इस मुद्दे को पाया। विचार: पोस्ट जटिल नहीं होना चाहिए, और निर्भरता या अतिरिक्त कॉन्फ़िगरेशन की आवश्यकता नहीं होनी चाहिए। यह फिर से AngularJS 1 जैसा लगता है। मैं अभी के लिए इस पुस्तकालय का उपयोग करना जारी रखूंगा।

@ यूरी-वाइजस्टैम्प अधिक सहमत नहीं हो सका, यह एक बहुत ही अजीब/असामान्य डिजाइन विकल्प है। मैंने ज्यादातर अब इसका उपयोग करना बंद कर दिया है क्योंकि शुरुआत से ही इसे ठीक करने के लिए अच्छे दस्तावेज़ीकरण की कमी के कारण मैंने इसे डिबग करना खो दिया था।

Axios और PHP के साथ पोस्ट करना एक वास्तविक दुःस्वप्न है!

मैंने दो घंटे बिताए, कोई नतीजा नहीं निकला ...

गैर-फॉर्म-एन्कोडेड पोस्ट PHP में $_POST पॉप्युलेट नहीं करते हैं। आपको पोस्ट बॉडी को पढ़ना होगा:

$body = file_get_contents('php://input');

यदि आप जेसन की अपेक्षा करते हैं:

$json=json_decode($body);

यह कोड:

axios = require('axios');

var param = {
   args: {
      myStringVal: '979251e4-6c9f-460d-ba32-1b6fe58ce8a3'
   }
};

axios({
   method: 'post',
   url: 'http://home.test/post.php',
   data: param,
});

इसके खिलाफ सर्वर में:

<?php

$entityBody = file_get_contents('php://input');

file_put_contents(__DIR__ . '/output.txt', print_r(json_decode($entityBody), true));

इस आउटपुट का उत्पादन किया:

stdClass Object
(
    [args] => stdClass Object
        (
            [myStringVal] => 979251e4-6c9f-460d-ba32-1b6fe58ce8a3
        )

)

मैंने अपना मुद्दा इस तरह तय किया:

सामने

✋userSearchParams() हर जगह काम नहीं करता ( https://caniuse.com/#search =URLSearchParams() )

        let params = new URLSearchParams();
        params.append('email', this.email );
        params.append('url', userInfo.url );
        this.$http.post(
          'http://localhost:9999/api/record.php', params
          )
        .then((response) => {
          if (response.data.message === "success" )  this.$router.push( 'thankyou' );
        })
        .catch( (error) =>   console.log(error) ) ;

पीछे

print_r( $_POST ); 

// $_POST['email'] = '[email protected]'
// $_POST['url'] = 'http://google.fr'

मुझे qs स्थापित करके मेरा काम मिल गया।

          import qs from "qs";


        const params = {
            name: "User",
            startTime: "2:00PM",
            endTime: "3:00PM",
            status: "pending",
            invitation: "test",
        };

        axios.post("DOMAIN/event/new", qs.stringify(params))
            .then((response) => {
                console.log(response);
            })
            .catch((error) => {
                console.log(error);
            });

@ लेजिम धन्यवाद! मुझे मेरा काम qs.stringify के साथ मिल गया है! धिक्कार है मैं axios का उपयोग बंद करने वाला था क्योंकि मुझे अपने POST अनुरोधों को सही ढंग से काम करने के लिए नहीं मिला!

बहुत धन्यवाद!

मुझे बाहरी पुस्तकालय की आवश्यकता के बिना वास्तव में एक बेहतर समाधान मिला। पोस्ट अनुरोध हैडर फॉर्म में सेट है। यदि आप JSON ऑब्जेक्ट भेज रहे हैं तो आपको हेडर बदलना होगा

        const params = {
            name: "User",
            startTime: "2:00PM",
            endTime: "3:00PM",
            status: "pending",
            invitation: "test",
        };

axios.post('DOMAIN/event/new', params, {
     headers: {
          'content-type': 'application/json',
     },
})

@Legym बहुत-बहुत धन्यवाद!

मैं वास्तव में समझ नहीं पा रहा हूं कि पोस्ट क्यों काम नहीं करता है। लेजिम के हेडर इसे मेरे लिए ठीक नहीं करते हैं।
jQuery ने पहले काम किया, इसलिए मुझे नहीं पता कि क्या हो रहा है।

URLSearchParams दृष्टिकोण macOS में Safari के लिए कार्य नहीं करता है।

क्या कोई एक्सियोस के माध्यम से फ़ाइल और डेटा पोस्ट करने में सक्षम है?
मैं PHP के Laravel ढांचे का उपयोग कर रहा हूँ।

@latanoil ईमानदारी से, axios का उपयोग करने के लिए कोई उल्टा नहीं है। एक सरल, बेहतर समर्थित, बेहतर प्रलेखित अजाक्स पुस्तकालय से चिपके रहना सबसे अच्छा है। Jquery की कोशिश की और परीक्षण किया गया है और पूरी तरह से अच्छी तरह से काम करता है और आपको यहां कोई भी समस्या नहीं मिलेगी।

सलाह के लिए धन्यवाद @dlgoodchild । मैं अब कुछ दिनों से इससे जूझ रहा हूं। मैं सिर्फ jQuery के साथ रहूंगा।

axios({
  method: 'post',
  url: 'http://blahblahblah',
  params: {
    key1: value1,
    key2: value2
  }
})

इस तरह से काम करें, _params_ का उपयोग करें, _data_ का नहीं

LOL मुझे विश्वास नहीं हो रहा है कि काम करना इतना कठिन था।

कुछ _यह_ मूल, _यह_ ... _सामान्य_, कठिन नहीं होना चाहिए।

@HellsingMatt नहीं, मेरे लिए काम नहीं किया। यह संभव है कि आपने $_GET के साथ भ्रमित किया हो। क्योंकि 'परम्स' वह है जो मैं इसे जीईटी के लिए काम करने के लिए इस्तेमाल करता था। लेकिन यह मेरे लिए POST के साथ काम नहीं किया।

@mallocine दिलचस्प है, मैं node.js . में POST के साथ _params_ का उपयोग करता हूं

@ हेलसिंगमैट ठीक है। मैं PHP का उपयोग कर रहा हूँ। ऐसा लगता है कि axios पूरी तरह से PHP के साथ गड़बड़ कर देता है। क्या आप PHP बैकएंड का उपयोग कर रहे हैं?

@mallocine ने अभी तक PHP कभी नहीं सीखा, मेरे सभी बैकएंड node.js का उपयोग कर रहे हैं

मैं PHP का उपयोग कर रहा हूँ। कोई बात नहीं।
कुछ मामलों में मुझे जेसन (आमतौर पर) चाहिए, इसलिए मैंने तदनुसार हेडर सेट किया। ऐसे मामलों में जहां मैं $_POST आबादी चाहता हूं, मैं एक क्वेरी स्ट्रिंग में कनवर्ट करने के लिए qs या मेरे अपने छोटे सरल कार्यान्वयन (जो सभी मामलों को संभाल नहीं पाएगा लेकिन मेरे लिए पर्याप्त है) जैसी लाइब्रेरी का उपयोग करता हूं।

ऐसे ही एक फ़ंक्शन पर उदाहरण के लिए यह SO पोस्ट देखें: https://stackoverflow.com/a/1714899/6728516

एक्सियोस की इस विचित्रता को मुख्य दस्तावेज में लंबे समय से संबोधित किया गया है, हालांकि माना जाता है कि यह थोड़ा अधिक वर्णनात्मक हो सकता है।

मुझे आमतौर पर JSON का उपयोग इतना अधिक बहुमुखी लगता है कि मैं शायद ही कभी ऐसा करता हूं। PHP में पोस्ट किए गए JSON को पुनर्प्राप्त करने के लिए एक विधि के लिए ऊपर मेरी टिप्पणी देखें।

कुत्सित नरक।

मैं प्रपत्रों के लिए मानक एपीआई कार्यक्षमता को तोड़ना नहीं चाहता था, इसलिए फ़ॉलबैक जोड़ना पड़ा।

if(empty($_POST['dep_date'])) {
    $body = file_get_contents('php://input');
    $json = json_decode($body, true);
    $_POST['dep_date'] = $json['dep_date'];
    .....

सौभाग्य से मेरे पास PHP पक्ष तक पहुंच थी, अगर यह कुछ बाहरी एपीआई होगी तो मैं §§§ होगा। Vue के लिए सभी AJAX क्लाइंट सूचीबद्ध करते समय इसके बारे में चेतावनी दी जानी चाहिए :)

यह "पैरा" का उपयोग करके मेरे साथ काम करता है, और मैं इसके साथ PHP का उपयोग करता हूं।
ध्यान दें कि यह नेटिवस्क्रिप्ट-वू 2.0.0 के अंदर स्वयंसिद्ध है।

@HellsingMatt धन्यवाद!

मुझे qs स्थापित करके मेरा काम मिल गया।

          import qs from "qs";


        const params = {
            name: "User",
            startTime: "2:00PM",
            endTime: "3:00PM",
            status: "pending",
            invitation: "test",
        };

        axios.post("DOMAIN/event/new", qs.stringify(params))
            .then((response) => {
                console.log(response);
            })
            .catch((error) => {
                console.log(error);
            });

पी

कृपया आप सभी कॉर्स हेडर और सामग्री प्रकार के साथ PHP बैकएंड कोड पोस्ट कर सकते हैं। मैं दोनों axios और लाने की कोशिश की है दोनों काम नहीं कर रहे हैं।

यह दस्तावेज़ीकरण में गलती की तरह लगता है, लेकिन पैरा ऑब्जेक्ट का उपयोग करना चाहिए, कोई डेटा नहीं और यह काम कर रहा है। मैंने इसे समझने में 2 घंटे लगाए हैं ((

 अक्ष({
 विधि: 'पोस्ट',
 यूआरएल: 'यूआरएल',
 पैराम्स: {
 मौलिक मूल्य
 }
 })

बहुत बहुत धन्यवाद डेनियल। तुम्हारी सहायता सराहनीय है। मुझे बताने के लिए धन्यवाद
त्रुटि।

शनिवार, 10 नवंबर, 2018 को पूर्वाह्न 11:18 बजे डेनियल नोटिफिकेशन @github.com ने लिखा:

यह दस्तावेज़ीकरण में गलती की तरह लगता है, लेकिन पैराम्स ऑब्जेक्ट का उपयोग करना चाहिए, नहीं
डेटा और यह काम कर रहा है। मैंने इसे समझने में 2 घंटे लगाए हैं ((

अक्ष({
विधि: 'पोस्ट',
url: '/wp-admin/admin-ajax.php?action=data_fetch',
पैराम्स: {
मौलिक मूल्य
}
})

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपने टिप्पणी की थी।
इस ईमेल का सीधे उत्तर दें, इसे GitHub पर देखें
https://github.com/axios/axios/issues/1195#issuecomment-437612819 , या म्यूट करें
सूत्र
https://github.com/notifications/unsubscribe-auth/ApIWeUP45k17b70vsaT80KR1g_cxXcMvks5utyZzgaJpZM4Ql8j5
.

मैंने अपना मुद्दा इस तरह तय किया:

सामने

✋userSearchParams() हर जगह काम नहीं करता ( https://caniuse.com/#search =URLSearchParams() )

        let params = new URLSearchParams();
        params.append('email', this.email );
        params.append('url', userInfo.url );
        this.$http.post(
          'http://localhost:9999/api/record.php', params
          )
        .then((response) => {
          if (response.data.message === "success" )  this.$router.push( 'thankyou' );
        })
        .catch( (error) =>   console.log(error) ) ;

पीछे

print_r( $_POST ); 

// $_POST['email'] = '[email protected]'
// $_POST['url'] = 'http://google.fr'

यह बहुत मदद करता है, धन्यवाद!

axios({
  method: 'post',
  url: 'http://blahblahblah',
  params: {
    key1: value1,
    key2: value2
  }
})

इस तरह से काम करें, _params_ का उपयोग करें, _data_ का नहीं

मेरे लिए भी काम करता है धन्यवाद, बहुत साफ दृष्टिकोण।

मेरे पास बेस यूआरएल के साथ पहले से ही एक एक्सियोस इंस्टेंस है।

मैं उस उदाहरण का उपयोग करके एक पोस्ट बनाना चाहता हूं। सही सेटअप क्या है?

यह सही है:

    axios({
        method: "post",
        url: "https://slack.com/api/chat.postMessage",
        params: {
            token: this.token,
            channel: this.channel,
            text: "Testing API"
        },
        transformRequest: [
            (data, headers) => {
                console.log("data-in-transform", data);
                delete headers.post["Content-Type"];
                return data;
            }
        ]
    });

यह काम नहीं करता:

    ax = axios.create({
        baseURL: `https://slack.com/api/`,
        params: {
            token: this.token,
            channel: this.channel
        },
        withCredentials: false,
        transformRequest: [
            (data, headers) => {
                delete headers.post["Content-Type"];
                return data;
            }
        ]
    });
        this.ax.post("chat.postMessage", {
            withCredentials: false,
            params: {
                text: "Testing API"
            },
            transformRequest: [
                (data, headers) => {
                    console.log("data-in-transform", data);
                    delete headers.post["Content-Type"];
                    return data;
                }
            ]
        });

मैंने इस मुद्दे को हल करने के लिए 15 दिन बिताए :( यहाँ कोड है

 Axios({

        method: apiMethod,
        url: root_url, // Api URL
        data: (apiMethod === 'POST')? Qs.stringify(apiParams) : undefined, // API post parameters,
        params:(apiMethod === 'get')? apiParams : undefined, //API get params
        headers:{
          'Accept': 'application/json',
          'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
        },

    }).then(function (response) { // On Success
        console.log('Response', response.data );

        successCallback(response.status, response.data);
    })
    .catch(function (error) { // On Failure
        console.log('error', error);

        errorCallback(error.status, error.data);
    })
    .then(function () { // Always
        alwaysCallback(false);
    });

यह बस भयानक है। सिर्फ एक POST अनुरोध भेजने के लिए इतनी लंबी चर्चा और अंत में हमारे पास अभी तक कोई ठोस समाधान नहीं है।

मैं एक ही मुद्दे का सामना कर रहा हूं और पहले ही 3 दिन बिता चुका हूं। संभव सभी संयोजनों और विकल्पों की कोशिश की और अभी भी खुद को उसी स्थिति में पा रहा हूं। इसलिए मेरा बैकएंड भी PHP में लिखा गया है, मुझे भी लगता है कि axios में POST और PHP संयोजन के साथ प्रमुख मुद्दे हैं, जो कि अस्वीकार्य है !!

jQuery इन चीजों को असाधारण रूप से अच्छी तरह से संभालता है और मैं इसे फिर से वापस करने जा रहा हूं। मैं सिर्फ एक पोस्ट अनुरोध भेजने के लिए अतिरिक्त निर्भरता स्थापित नहीं करना चाहता!

साथ ही, थ्रेड को बिना किसी उचित समाधान के बंद कर दिया जाता है !!

इसे @awais-ilyas द्वारा बंद कर दिया गया था, यदि संभव हो तो उन्हें आदर्श रूप से इसे फिर से खोलना चाहिए।

हां! लेकिन धागा मुझे कहीं नहीं ले जाता। JSON ऑब्जेक्ट का उपयोग करके PHP को POST अनुरोध भेजना अभी भी एक दर्द है! @dlgoodchild क्या अभी तक कोई कामकाज है क्योंकि मैं इस धागे के लिए देर से आने वाला हूं?

हाँ @emfluenceindia इस थ्रेड में उल्लिखित बहुत सारे वर्कअराउंड हैं जिन्हें JSON का उपयोग करने की आवश्यकता नहीं है।

मैंने उन्हें देखा। क्या इसका मतलब यह है कि JSON के रूप में पोस्ट करना अभी भी संभव नहीं है?

यह धागा वास्तव में JSON पोस्ट करने के बारे में नहीं है। JSON को पोस्ट बॉडी के रूप में पोस्ट करना कोई समस्या नहीं है, यह थ्रेड डेटा का उपयोग करने के बारे में है: विशेषता, जैसे कि jQuery के साथ और किसी तरह PHP में $_POST को पॉप्युलेट करना।

मैंने हाल ही में AJAX काम के लिए jQuery का उपयोग करने से Axios की ओर बढ़ना शुरू किया है, सिर्फ इसलिए कि यह सभी क्रोध प्रतीत होता है। लेकिन मैं यह जानकर चौंक गया कि मैं एक साधारण पोस्ट नहीं कर सकता।

तो, यहां मैंने पहली बार कोशिश की है:

axios.post('/api/event/item', {
    event_id: eventId,
    item_id: itemId,
    description: description
  })
  .catch(function (error) {
    console.log(error);
  });

बैकएंड पर (PHP का उपयोग करके) $_POST पूरी तरह से खाली था। तो मैंने कुछ गुगल किया, और यह काम करता है (पॉलीफिल के उपयोग के साथ, श्वास):

const params = new URLSearchParams();
params.append('event_id', eventId);
params.append('item_id', itemId);
params.append('description', description);
axios({
  method: 'post',
  url: '/api/event/item',
  data: params
});

यह सही है। तो मुझे URLSearchParams का उपयोग करने की ज़रूरत है? खैर यह निराशाजनक था क्योंकि दस्तावेज़ बताते हैं कि पहली विधि को काम करना चाहिए।

किसी और को यह परेशानी हो रही है?

मैं आज इस समस्या से मिला और मैंने इस पर लगभग पूरा दिन बिताया। यह s weird because the document of axios told me to use first method which didn टी काम करता है। धन्यवाद, भाई

क्या तुम लोगों ने रखा
ऐप.यूज (एक्सप्रेस.जेसन ())
app.js पर?

यह पर्याप्त होना चाहिए:

const formData = new FormData();
formData.append('action', 'some-action');
formData.append('page', 1);

axios
  .post('/async/index.php', formData, {
    retry: 3,
    retryDelay: 100,
  })
  .then(res => {
    console.log('get', res.data);
  })
  .catch(console.log);

पीएचपी

print_r($_POST);

उत्तर निम्नलिखित को जोड़ना है। Axios डिफ़ॉल्ट रूप से url-form-encoded का उपयोग करता है।

headers: {
  "Content-Type": "text/plain"
}

इनमें से किसी भी समाधान ने मेरे लिए काम नहीं किया, और मुझे लगता है कि ऐसा इसलिए है क्योंकि नोड.जेएस उपयोगकर्ताओं के लिए रीडमे भ्रामक है क्योंकि आपके पास पोस्ट अनुरोधों के लिए डेटा ऑब्जेक्ट_ होना चाहिए क्योंकि कॉन्फ़िगरेशन ऑब्जेक्ट _3rd तर्क_ पास किया गया है। .post फ़ंक्शन में यह इंटरफ़ेस है

post(url: string, data?: any, config?: AxiosRequestConfig): AxiosPromise;

तो आपको इस तरह .post फ़ंक्शन को कॉल करना होगा

await axios.post(
 `http://localhost:3000/your/path/here`,
 {},
 {
   params: {
     ID: 12345,
     name: 'testUser',
   },
 },
);

@NathanielRN यह समाधान काम करता है लेकिन यह इष्टतम नहीं है। यह यूआरएल में सभी पैरामीटर जोड़ता है। "प्राप्त" के समान।

@NathanielRN यह समाधान काम करता है लेकिन यह इष्टतम नहीं है। यह यूआरएल में सभी पैरामीटर जोड़ता है। "प्राप्त" के समान।

@nicolardi क्षमा करें, मैं url अनुरोध प्रदर्शन से बहुत परिचित नहीं हूँ। यूआरएल में पैरामीटर जोड़ना इष्टतम नहीं है? भले ही यह "प्राप्त" जैसा हो?

Axios सबसे प्रसिद्ध क्लाइंट है, फिर भी इसमें ऐसी खामियां हैं। निराशाजनक।

जांच के लिए फिर से खोलना

यहाँ बात है: समस्या Axios के साथ नहीं है। यदि आप समान पैरामीटर के साथ कर्ल या पोस्टमैन का उपयोग करते हैं (विधि: पोस्ट, बॉडी: {"something":"value"}, हेडर जेसन पर सेट हैं) यह काम करता है। हालाँकि, यदि आप इसे अपने Vue, React, Angular (जो भी) में Axios या यहां तक ​​कि Fetch API का उपयोग करके करते हैं, तो आप अपने क्रोम या (किसी अन्य ब्राउज़र) को "बदलते" अनुरोध विधि (नेटवर्क टैब देखें) को विकल्प में देखेंगे और नहीं अब पोस्ट करें। इसके पीछे का कारण... CORS (क्रॉस-ओरिजिनल रिसोर्स शेयरिंग) है। मुझे यह पता चला क्योंकि मैं NestJS का उपयोग करके अपना API बना रहा हूं और मैं CORS को सक्षम करना भूल गया। सक्षम होने पर, अनुरोध विधि को POST के रूप में रखा जाता है (जैसा कि हम चाहते हैं) और Axios आपके JSON (या किसी अन्य प्रारूप) को वापस करने में सक्षम होगा। कुछ ढांचे स्वचालित रूप से सीओआरएस सेट करते हैं (उदाहरण के लिए लारवेल) जहां अन्य आपको इसे मैन्युअल रूप से सेट/सक्षम करना होगा।

यह पर्याप्त होना चाहिए:

const formData = new FormData();
formData.append('action', 'some-action');
formData.append('page', 1);

axios
  .post('/async/index.php', formData, {
    retry: 3,
    retryDelay: 100,
  })
  .then(res => {
    console.log('get', res.data);
  })
  .catch(console.log);

पीएचपी

print_r($_POST);

@jonataswalker द्वारा समाधान Axios का उपयोग करके POST को संभालने का सबसे अच्छा तरीका है। फॉर्मडाटा() का उपयोग करना मेरे लिए काम करता है।

तो मुझे एक ही तरह की समस्या है। मैं अपने सामने के लिए Vue.js का उपयोग कर रहा हूं और मुझे पता चला कि चूंकि मैंने पिछले संस्करण (अक्षीय, और vue) में अपडेट किया था, इसलिए मैं किसी भी तरह से डेटा नहीं भेज सकता। मेरी आखिरी परियोजना में मैं किसी भी प्रारूप में डेटा भेज सकता था।

पुराने संस्करणों में ठीक काम कर रहा है और अद्यतन में बिल्कुल भी काम नहीं कर रहा है।

axios.post('/actions/posts/create_questionnaire' , { questionnaire : form })

मेरी सलाह है कि यदि पोस्ट काम नहीं करती है तो axios के पुराने संस्करण और आपके द्वारा उपयोग किए जा रहे फ़्रीमवर्क का उपयोग करने का प्रयास करें।

मैं इस समस्या में एक django बैकएंड के साथ भाग गया। सौभाग्य से मेरे पास जीईटी का उपयोग करके एक कामकाज है लेकिन axios.post निश्चित रूप से दस्तावेज के रूप में काम नहीं करता है।

यह हो सकता है कि यह axios समस्या नहीं बल्कि cors है।
यदि आप नोड सर्वर से PHP बैकएंड पर पोस्ट कर रहे हैं तो आपकी PHP स्क्रिप्ट में cors होना चाहिए:

https://stackoverflow.com/a/55392661

और $_POST का उपयोग न करें लेकिन $data = file_get_contents('php://input');

ऐसा लगता है कि PHP में $ _POST मान पुनर्प्राप्त करने के लिए काम कर रहा है:

    axios.post(url, {test: 'dafasfasfa'},{
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
            "Access-Control-Allow-Origin": "*"
        }
    })

अंत में मुझे यह एक django बैकएंड (cors स्थापित और कॉन्फ़िगर के साथ) के साथ काम कर रहा है, इस तरह @alvarotrigo और @latanoel के विचारों के संयोजन का उपयोग करके:

const formData = new FormData();
formData.append('a1', this.form.a1);
formData.append('a2', this.form.a2);
formData.append('a3', this.form.a3);

axios
  .post(url, formData, {
    headers: {
      'Content-type': 'application/x-www-form-urlencoded',
    }
  })
etc

जब आप दस्तावेज़ों के सुझाव के अनुसार POST args इनलाइन शामिल करते हैं, तो POST बैकएंड में खाली होता है। साथ ही, आप एक्सेस-कंट्रोल-अनुमति-उत्पत्ति सेट नहीं कर सकते क्योंकि यह cors का उल्लंघन करता है।

साथ ही, इस विधि से भी अवगत कराएं
const paramsCompose = (formData) => { const str = []; for (let p in formData) { str.push(encodeURIComponent(p) + '=' + encodeURIComponent(formData[p])); } const body = str.join('&'); console.log('PARAMS ' + body); return body; };

फिर आप ...
return axios.post(url, paramsCompose({ image_url: image_url, cover_name: cover_name })) .then(res => { const tx = res.data; console.log(tx); return res.data });

कुछ दिनों के बाद और पिछले सभी विकल्पों को आजमाने के बाद भी मुझे समस्या को हल करने में कोई सफलता नहीं मिली है।

हमारे पास वास्तव में क्या है:

• Axios 'पोस्ट' विधि दस्तावेज के अनुसार काम नहीं करती है;
• एक आरईएसटी सेवा के लिए एक साधारण 'पोस्ट' कॉल निष्पादित करें, एक्सियोस का उपयोग करके नरक बन गया;

मुझे विश्वास नहीं हो रहा है कि यह गंभीर है... क्षमा करें, लेकिन मैं एक और एपीआई का उपयोग करने के लिए वापस आऊंगा। अलविदा एक्सिस।

@fabriciobraga मैं यह पता लगाने की कोशिश कर रहा था कि मेरे आवेदन में भी ऐसा क्यों हो रहा है। मैंने पूरा दिन समाधान के लिए इंटरनेट को खंगालते हुए बिताया। हालाँकि, मुझे पता चला कि यह एक बहुत ही सरल मुद्दा था। मेरा उपयोगकर्ता action बनाता है जो पहले इस तरह दिखता था:

createUser(context, user) {
    this.$axios.$post("/api/users/", user).then(response => {
      context.dispatch("fetchUsers");
    });
 }

user पैरामीटर में एक ऑब्जेक्ट है जिसमें नए उपयोगकर्ता के email और password शामिल हैं। मैंने उपयोगकर्ता ऑब्जेक्ट console.log की कोशिश की और यह बताया कि गुण अपरिभाषित थे! मैं

इसलिए मैंने उपयोगकर्ता ऑब्जेक्ट को $ पोस्ट विधि में पास करते समय फैलाया और अब यह काम करता है!

 this.$axios.$post("/api/users/", {...user})

मेरे मामले में, उपयोगकर्ता वस्तु को खाली वस्तु के रूप में भेजा जा रहा था और मेरे एपीआई ने ऐसा होने की सूचना दी। यदि आप भी इसी समस्या का सामना कर रहे हैं तो शायद आपको यह प्रयास करना चाहिए।

एक अन्य संभावित परिदृश्य यह है कि आपका डेटा ठीक-ठाक भेजा जा रहा है, लेकिन उस प्रारूप में नहीं जिसकी आपकी एपीआई उम्मीद कर रही है (उदाहरण के लिए PHP स्क्रिप्ट के लिए एक सामान्य प्रारूप फॉर्म-डेटा है जबकि अधिकांश नोड.जेएस एपीआई जेएसओएन की अपेक्षा करते हैं)। तो आपको यह पता लगाने की जरूरत है; ऊपर चर्चा देखें ।

जाहिरा तौर पर एक ही समस्या हो रही है
axios.post("api", { API: 1, version: "0.1b"...})....
मेरे जावा रेस्ट सर्वर तक पहुँचने पर खाली एपीआई और संस्करण के साथ परिणाम।
इसे तीसरे पैरामीटर के रूप में भेजते समय, अर्थात
axios.post("api", null, { params: {API: 1, version: "0.1b"...}})....
यह अपेक्षा के अनुरूप काम करता है

यह सबसे अधिक टिप्पणी और खुले मुद्दों में से एक है। मेरा विश्वास करो कि मैंने इस सूत्र में प्रत्येक टिप्पणी को पढ़ा है। बहुत से उपयोगकर्ता भ्रमित हो गए कि कैसे axios द्वारा डेटा पोस्ट किया जाए। किसी ने अपने हिट या निष्कर्ष दिए और नए उपयोगकर्ता फिर से अपने दिशा-निर्देशों से चूक गए।

याद रखें कि Axios केवल एक अनुरोध क्लाइंट है। यदि आपको अपेक्षित प्रतिसाद नहीं दिखाई देता है, तो जांचें कि क्या एक्सिओस भेजने वाली चीजें सर्वर की अपेक्षा से मेल खाती हैं। पोस्ट या यहां तक ​​​​कि सभी अक्षीय समस्याओं को हल करने के लिए मेरे मुख्य चरण यहां दिए गए हैं। और मुझे यह भी उम्मीद है कि उपयोगकर्ता निम्नलिखित प्रश्नों के उत्तर के साथ समस्या खोल सकते हैं। शायद बाद में समस्या टेम्पलेट को अपडेट करें।

1. आपने अपना कोड किस पक्ष में चलाया? ब्राउज़र या सर्वर साइड।
2. आप कौन से पैरामीटर भेजना चाहते हैं? config.params या config.data का उपयोग करना चाहिए?
3. यदि params , तो उन्हें एन्कोड कैसे करें? क्या डिफ़ॉल्ट config.paramsSerializer पर्याप्त है या एक अनुकूलित का उपयोग करना चाहिए?
4. यदि data , तो क्या आपने उन्हें सही content-type शीर्षलेख के साथ एन्कोड किया था? अधिकांश पोस्ट समस्याएं यहां विफल रहीं।
   
   
   
   1. शीर्षलेख application/json के लिए JSON.stringify की आवश्यकता है और शीर्षलेख application/x-www-form-urlencoded के लिए qs.stringify की आवश्यकता है।
   
   
   2. डिफ़ॉल्ट config.transformRequest URLSearchParams के लिए application/x-www-form-urlencoded और Javascript ऑब्जेक्ट के लिए application/json सेट करेगा। सटीक समझ प्राप्त करने के लिए कृपया lib/defaults.js में स्रोत कोड जांचें।
   
   
5. क्या आप अन्य समस्याओं, अर्थात CORS/ATS/वादों को पूरा करते हैं, और उन्हें हल करना जानते हैं?

मुझे पता है कि वे जटिल दिखते हैं और मैं एक ट्यूटोरियल लिखने की योजना बना रहा हूं जो यथासंभव विस्तृत है। लेकिन मैं देशी वक्ता नहीं हूं और अपने लेख स्तर को लेकर थोड़ा चिंतित हूं। मुझे इसे लॉक करने के लिए क्षमा करें और कृपया मेरे या समुदाय के किसी व्यक्ति द्वारा अच्छी तरह से लिखित दस्तावेज़ देने की प्रतीक्षा करें। यह खुला स्रोत है। हमें सभी के योगदान की जरूरत है।