Axios: सामग्री-प्रकार एप्लिकेशन/x-www-form-urlencoded

जैसा आपने दिखाया है वैसा ही काम करना चाहिए। एक बग की तरह लगता है। मैं इस पर ध्यान दूँगा।

इसका कारण इंटरसेप्टर है। जब मैं इंटरसेप्टर का उपयोग करता हूं तो मैं केवल उस सामग्री-प्रकार के साथ अनुरोध नहीं भेज सकता।

यहाँ मेरा कोड है:

axios.interceptors.request.use(function (config) {
        var token = LoginStore.getJwt();
        if (token) {
            config.headers["Authorization"] = "Bearer " + token;
        }

            return config;
        }, function (error) {    
            return Promise.reject(error);
        });

इंटरसेप्टर के अंदर मैं 'सामग्री-प्रकार' शीर्षलेख देख सकता हूं, लेकिन यह सर्वर पर नहीं भेजा जाता है।
क्या मैं इंटरसेप्टर का सही उपयोग करता हूं?

इस पर कोई अपडेट? मेरे साथ भी वही दिक्कत है। Axios मेरे द्वारा सेट किए गए शीर्षलेख को नहीं भेजता है।

यह अपराधी रेखा प्रतीत होती है → https://github.com/mzabriskie/axios/blob/master/lib/adapters/xhr.js#L117

कोई विचार क्यों अनुरोध भेजे जाने से पहले Content-Type शीर्षलेख हटा दिया गया है?

एक वैकल्पिक समाधान यह है कि जब आप स्वयंसिद्ध अनुरोध कर रहे हों तो अपने data को data || {} में बदल दें। यह सुनिश्चित करेगा कि डेटा अपरिभाषित नहीं है।

ऐसा लगता है कि Content-Type को हटाने का तर्क जब requestData है तो undefined इस कमिट में आया https://github.com/mzabriskie/axios/commit/9096d34186d5a5148f06c07854b21d6cc8035e96। हालांकि इस बात का कोई संकेत नहीं है कि इसे क्यों जोड़ा गया था।

मैं वोट दूंगा यदि requestData undefined है और विधि PUT , POST या PATCH है और कोई Content-Type नहीं है सेट किया गया है, फिर डिफ़ॉल्ट Content-Type से application/x-www-form-urlencoded । अन्यथा जो भी निर्दिष्ट किया गया है उसका सम्मान करें।

@mzabriskie लेकिन @alborozd द्वारा प्रदान किए गए कोड स्निपेट में, data को Querystring.stringify({...}) पर सेट किया गया है, इसलिए requestData undefined नहीं होना चाहिए, है ना?

@mzabriskie मुझे लगता है कि आप सही हैं। जब मैं अनुरोध इंटरसेप्टर फिडलर का उपयोग करता हूं तो दिखाता है कि डेटा खाली है। इंटरसेप्टर के बिना मैं डेटा और हेडर देख सकता हूं और यह ठीक काम करता है।

तो, शायद समस्या तब होती है जब आप इंटरसेप्टर के साथ काम करते हैं।

इस चीज को क्रैश करने के लिए किसी इंटरसेप्टर की जरूरत नहीं है। मैंने सामग्री प्रकार शीर्षलेख डिफ़ॉल्ट axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; सेट किया है, और मैं पोस्ट बॉडी में कोई पेलोड नहीं भेज सकता।

मैंने URLSearchParams के साथ वर्कअराउंड का उपयोग किया है:

    var params = new URLSearchParams();
    params.append('email', email);
    return (dispatch) => {
        axios.post('/stack/' + uri, params)

लेकिन यह सफारी और आईई द्वारा समर्थित नहीं है।

संपादित करें: ठीक है :) वर्कअराउंड पर अगला अपडेट। पूर्ण समर्थित वर्कअराउंड डेटा को क्वेरी स्ट्रिंग के रूप में भेजना है।
data: "flashcard=" + JSON.stringify(flashcard) + "&stackUri=" + stackUri । यह दर्द होता है, लेकिन यह काम करता है

आप इसके बजाय qs जैसी लाइब्रेरी का उपयोग कर सकते हैं:

var qs = require('qs');
axios.post('/foo', qs.stringify({ 'bar': 123 });

यह कोई समाधान नहीं है। अगर मैं "Querystring" या "qs" का उपयोग करूंगा तो क्या अंतर है? समस्या यह है कि हेडर ['Content-Type'] = 'application/x-www-form-urlencoded' इंटरसेप्टर के कारण खाली है।

यहां कोई अपडेट? क्योंकि मैंने आज 1 घंटे खो दिए हैं क्योंकि मेरे पोस्ट एपीआई को प्रभावित नहीं कर रहे हैं (जब तक मैंने उस मुद्दे के बारे में याद दिलाया) ... या इसे ठीक करने की कोई योजना नहीं है और कहीं और जाना बेहतर है?

मुझे एक ही समस्या है ... अभी भी ठीक होने की प्रतीक्षा कर रहा है ...

कृपया @nickuraltsev को फिर से खोलें क्योंकि यह आपके समाधान द्वारा तय नहीं किया गया है।

मुद्दे के लिए +1।

मैं इस समस्या को हल करने के लिए qs पुस्तकालय के साथ एक इंटरसेप्टर का उपयोग करता हूं। मेरे लिए ठीक काम करता है।

import qs from 'qs';

axios.interceptors.request.use((request) => {
  if (request.data && request.headers['Content-Type'] === 'application/x-www-form-urlencoded') {
      request.data = qs.stringify(request.data);
  }
  return request;
});

मुद्दे के लिए +1।

hyanmandian ने 14 घंटे पहले टिप्पणी की
मैं इस समस्या को हल करने के लिए qs पुस्तकालय के साथ एक इंटरसेप्टर का उपयोग करता हूं। मेरे लिए ठीक काम करता है।

बढ़िया, लेकिन यह किसी अन्य को स्थापित करके पुस्तकालयों IMHO में समस्या को हल करने का एक तरीका नहीं है।

आप कॉन्फ़िगरेशन में केवल data: {} जोड़ सकते हैं, इसलिए इंटरसेप्टर हमारे द्वारा निर्दिष्ट हेडर को नहीं छोड़ता है।

मैंने यही किया, और इसने मेरे लिए काम किया:

import request from 'axios'

export const playSound = (soundFile) => (dispatch) => {
    dispatch(playSoundPending());
    return request
    .get(`/play/audio/${soundFile}`, { headers: {'Content-Type': 'audio/x-wav'}, data: {} })
    .then(response => response.data)
    });
};

इसने नेटवर्क टैब में अनुरोध हेडर में मेरे लिए Content-Type को application/json से audio/x-wav में बदल दिया।

क्या यह अभी तक तय किया गया है? मैं यहां पोस्ट किए गए किसी भी समाधान के साथ अपना सामग्री-प्रकार सेट नहीं कर सकता।

मुझे एक ही समस्या है, कोई मदद?

मैंने encodeURIComponent का उपयोग करके समस्या हल की:

स्टेटिक गेटटोकन (उपयोगकर्ता नाम, पासवर्ड) {
वापसी अक्ष({
विधि: 'पोस्ट',
यूआरएल: 'समापन बिंदु',
डेटा: Username=${**encodeURIComponent**(username)}& password=${**encodeURIComponent**(password)}& Grant_type=password
})

टक्कर। कोई निश्चित रूप से यह मान लेगा कि यदि कोई चूक करता है, तो उसका हमेशा सम्मान किया जाएगा। Axios निश्चित रूप से कुछ संदर्भों में चूक की अनदेखी कर रहा है, जिससे गरीब लोगों के लिए समस्याएँ पैदा हो रही हैं।

यहाँ एक अधिक विशिष्ट मर्ज है जहाँ यह हुआ: https://github.com/mzabriskie/axios/pull/195/files

इस मुद्दे के लिए +1।
मेरे टॉमकैट कॉन्फ़िगरेशन में क्या गलत है, यह जानने का प्रयास करने में 3 घंटे से अधिक समय व्यतीत हुआ और स्पष्ट रूप से ऐसा प्रतीत होता है कि सर्वर के रास्ते में मेरे हेडर चोरी हो गए थे। वर्कअराउंड ने मदद नहीं की। भगवान हेडर बचाओ!

@polyakoff आपने इसे कैसे हल किया? या आप अभी भी अटके हुए हैं। मैंने जो देखा है वह यह है कि यह समस्या रुक-रुक कर होती है

@usopan अभी भी अटका हुआ है।

मैं इस विशेष अनुरोध के लिए वर्कअराउंड के रूप में आइसोमॉर्फिक-फ़ेच में चला गया।
अधिकांश ब्राउज़रों पर चीजें ठीक काम करती प्रतीत होती हैं, लेकिन फिर भी कुछ सफारी संस्करणों पर काम नहीं कर रही हैं।
मुझे लगने लगा है कि सफारी मुझसे पंगा ले रही है।

इस मुद्दे के लिए +1।

मुझे समाधान मिला। समाधान ब्राउज़र का पता लगाना है।
क्रोम उपयोग में - https://github.com/ljharb/qs स्ट्रिंग के लिए जेसन डेटा को पार्स करने और सामग्री-प्रकार शीर्षलेख सेट करने के लिए
सफारी उपयोग में - फॉर्मडाटा शरीर के रूप में और कोई सामग्री-प्रकार शीर्षलेख सेट न करें

आप सोच भी नहीं सकते कि इस तरह का मुद्दा आधे साल से अधिक समय तक कैसे ठीक नहीं होता।

वाह अच्छा मुद्दा! अभी भी अपडेट का इंतजार है ☕️

यह बेकार है।

यह बेकार है + 1

+1

+1

+1

+1

+1

+1

+1

+1

+1

कॉन्स्ट क्वेरीस्ट्रिंग = आवश्यकता ('क्वेरीस्ट्रिंग');

लॉग इन करें(){
वर _यह = यह;
यह।$http({
यूआरएल: यूआरएल,
विधि: 'पोस्ट',
डेटा: querystring.stringify ({
ईमेल: ईमेल,
पासवर्ड: पास
}),
शीर्षलेख: {
'सामग्री-प्रकार': 'एप्लिकेशन/x-www-form-urlencoded'
}
}).फिर (फ़ंक्शन (प्रतिक्रिया) {
कंसोल.लॉग (प्रतिक्रिया);
}).कैच (फ़ंक्शन (त्रुटि) {
कंसोल.लॉग (त्रुटि);
});
}

+1

+1

+1

इसलिए इसे संक्षेप में प्रस्तुत करने के लिए Content-Type: application/x-www-form-urlencoded के साथ भेजा गया कोई भी अनुरोध है:

• पेलोड को स्वचालित रूप से एन्कोड नहीं करना
• हेडर सेट नहीं करना, भले ही इसे निर्दिष्ट किया गया हो

वर्कअराउंड, अभी के लिए, data: {} सेट करें ताकि हेडर सेट हो जाए, और मैन्युअल रूप से अनुरोध डेटा पेलोड को एन्कोड करें

मैं अपना कोड साझा कर रहा हूं:

import qs from 'qs'
...

const instance = axios.create({
  baseURL: config.api.host,
  responseType: config.api.responseType,
  timeout: config.api.timeout,
  data: {},
})

instance.interceptors.request.use((req) => {
  if (req.method === 'post') {
    req.headers['Content-Type'] = config.api.defaults.postContentType
    req.data = qs.stringify(req.data)
  }

  return req
}, (error) => Promise.reject(error))

ऐसा लगता है कि यह मेरे लिए काम करता है

हैलो दोस्तों! मैं सोच रहा हूं, क्या मुझे एक कांटा बनाना चाहिए और छोटी देशी क्वेरी-पार्सिंग विधि के साथ समाधान प्रदान करना चाहिए? क्या यह रचनाकारों के लिए अच्छा 'पैटर्न' होगा? @mzabriskie क्या आप ऐसी चीज़ को एकीकृत करना चाहेंगे?

इस मुद्दे पर पहुंचने के लिए 3 घंटे से अधिक समय बिताएं .. @ Maxwell2022 क्या आप कुछ नमूना डेटा के साथ कोड कर सकते हैं?

+1

1

+1

@bsjaffer मैंने कोड नमूना पोस्ट किया है, आप और क्या चाहते हैं?

@ Maxwell2022 मैं अब इसके साथ अच्छा हूँ।

+1

+1

+1

+1

+1

+1

+1

++1

बस यह करो, आशा है कि यह मदद करता है।

let details = {
      key1: 'data1',
      key2: `data2`,
      key3: `data3`,
    };

    var formBody = [];
    for (var property in details) {
      var encodedKey = encodeURIComponent(property);
      var encodedValue = encodeURIComponent(details[property]);
      formBody.push(encodedKey + "=" + encodedValue);
    }
    formBody = formBody.join("&");

    const URL = `PUT-YOUR-API-URL-OVER-HERE`;
    return axios({
      method: 'POST',
      url: URL,
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded',
      },
      data: formBody,
    })
    .then(res => res.data)
    .catch(error => { throw error });

+1

हाँ, आपने अनुमान लगाया, +1

+1

+1

+1, रेज्नॉर्ड के समाधान ने जादू किया (हेडर के साथ डेटा सेट करना):
const config = { headers: { 'Content-Type': 'multipart/form-data' }, data: {} };

@bruddah कूल, खुशी है कि यह काम किया।

_मेरे OnePlus ONEPLUS A3003 से FastHub का उपयोग करके भेजा गया _

+1

qs का उपयोग करना मेरे लिए काम करता है!

प्रतिक्रिया में, इसने मेरे लिए काम किया:

import axios from 'axios';
import querystring from 'querystring';

const data = querystring.stringify({id:32, name:'john'});
axios.post('http://example.com/posturl', data)

इसका कारण यह है कि एचटीटीपी अनुरोध के मुख्य भाग में जोड़ने से पहले एक्सिओस स्वचालित रूप से पोस्ट डेटा को एन्कोड नहीं कर रहा है, इसलिए अनुरोध भेजने से पहले इसे एन्कोड किया जाना चाहिए। क्वेरी स्ट्रिंग यही करता है। यह {id:32, name:'john'} लेता है और id=32&name=john जैसा कुछ उत्पन्न करता है और फिर axios पोस्ट अनुरोध के मुख्य भाग के रूप में सेट करता है।

आप निम्न अनुरोध करके इसका परीक्षण कर सकते हैं:

axios.post('http://example.com/posturl', 'id=32&name=john')

इसका उपरोक्त कोड के समान परिणाम होना चाहिए।

इसे खोले हुए अभी भी एक वर्ष से अधिक समय तक निर्धारित नहीं किया गया है....

+1

+1

हे लोगों! आप इसे आजमा सकते हैं, यह मेरे लिए ठीक काम करता है, लेकिन मुझे नहीं पता क्यों।

get (url, data) {
    return axios({
      method: 'get',
      url: url,
      baseURL: 'http://xxxxx/api',
      timeout: 10000,
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
      },//this is important !
      data: data,//this is important !
      params: data//this is important !
    }).then(
      (response) => {
        console.log(response)
        return checkStatus(response)
      }
    )
  }

एक पैच अनुरोध में _Content- Type:application/json-patch+json_ भेजने की कोशिश कर रहा है ( RFC6902 के बाद),
निम्नलिखित ने मेरे लिए काम किया (मेरे पास अनुरोध शीर्षलेखों में सही प्रकार है):

axios.patch(
          url,
          data,
          { headers: { 'Content-Type': 'application/json-patch+json;charset=UTF-8' } }  
          ))

उन लोगों के लिए जिन्हें इंटरसेप्टर के हेडर को ओवरराइट करने के कारण यह समस्या है, बस अपने इंटरसेप्टर में उपयोग करें:

config.header['yourheader'] = value;

के बजाय

config.header = {'yourheader': value}

@ डेविड जियांग 7 समाधान काम करना चाहिए

यह मेरे लिए काम करता है:

static register(token, email, lang)
{
        let config = { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }; // we do it to send SIMPLE post eequest (to avoid send CORS OPTIONS request before post)
        let params = new URLSearchParams(); // and we cannot send json but params are transform to  url-style
        params.append('email', email);
        params.append('lang', lang);

        return axios.post(ENV.API_URL + '/device/' + token + '/register', params, config);
}

दिलचस्प चित्र यहाँ CORS मामलों को दिखा रहा है। जब हम SIMPLE अनुरोध भेजते हैं तो विकल्प अनुरोध नहीं भेजा जाएगा। सरल अनुरोध अनुरोध है जो GET, HEAD, POST है और इसमें हेडर 'कंटेंट-टाइप ' है जो application/x-www-form-urlencoded , multipart/form-data , या text/plain और किसी भी कस्टम हेडर के बराबर है।

बस यह करो

const data = {name: 'my name'}
const form = 'data=' + JSON.stringify(data)
axios.post('/my_url', form)

संपादित
टाइपो के बारे में खेद है। और यह मेरे लिए काम करता है मैं इसे महीनों से इस्तेमाल कर रहा हूं।
मैं यह उल्लेख करना भूल गया कि सर्वर में आपके पास केवल data परम है

...
 $data = json_decode($_POST['data'], 1);
 echo $data['name']; // my name
...

एक स्वच्छ समाधान के लिए टक्कर, साथ ही मदद करने को तैयार।

@jesusantguerrero
बस यह करो

कॉन्स्ट डेटा = {नाम: 'मेरा नाम'}
कॉन्स्ट फॉर्म = 'डेटा =' + JSON.stringfy (डेटा)
axios.post('/my_url', फॉर्म)

काम नहीं करता है, लेकिन इसके ऊपर JSON.stringify ^^टाइपो है।

आप में से जो Node.js का उपयोग कर रहे हैं, उनके लिए यह काम करता है। धागे में सभी को धन्यवाद, मैंने मूल रूप से लोगों के समाधानों का एक समूह जोड़ा और Node.js दस्तावेज़ों का संदर्भ दिया

यह सबसे साफ है जिसके साथ मैं आ सकता हूं।

import { URLSearchParams } from 'url';

async function auth() {
  try {
    const config = {
      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    };
    const params = new URLSearchParams();
    params.append('grant_type', 'client_credentials');
    params.append('client_id', configuration.yelpClientId);
    params.append('client_secret', configuration.yelpClientSecret);

    const { data } = await axios.post(
      YELP_AUTH_ENDPOINT,
      params.toString(),
      config,
    );

    return data;
  } catch (error) {
    console.log(error.response.data);
    return {};
  }
}

डेटा के बजाय पैरा का उपयोग करें

axios({
    method: 'post',
    url: '/my/api',
    headers: {
        'Content-type': 'application/x-www-form-urlencoded'
    },
    params: {
        'grant_type': 'code',
        'client_id': '1231453',
        'client_secret': 'THIS_IS_THE_SECRET'
    }
})
    .then((response) => {
        console.log(response);
    })
    .catch((error) => {
        console.log(error);
    }
);

@skuarch
डेटा के बजाय पैरा का उपयोग करें

अगर वह काम करता है, तो यह अब तक का सबसे साफ समाधान है।

@oshalygin यह क्वेरी स्ट्रिंग पर पैरा सेट करता है, पोस्ट चर के रूप में नहीं भेजता है।

एक अजाक्स पुस्तकालय जो एक साधारण रूप पोस्ट नहीं कर सकता है? सच में?

1

किसी को भी पता है कि सामग्री-प्रकार को एप्लिकेशन/जेसन पर कौन सेट करना है।

axios.post(`${DOMAIN}${url}`,params, {'headers': {"Content-Type": "application/json;charset=UTF-8"}})

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

@hellomrbigshot शायद CORS समस्या (इसके बारे में पढ़ें, इस धागे में भी)

मेरे लिए एक्सियोस में कोड की परेशानी बिट (URLSearchParams का उपयोग किए बिना पेलोड को ठीक करने में परेशानी हो रही है) ऐसा प्रतीत होता है

        if (utils.isURLSearchParams(data)) {
          setContentTypeIfUnset(headers, 'application/x-www-form-urlencoded;charset=utf-8');
          return data.toString();
        }
        if (utils.isObject(data)) {
          setContentTypeIfUnset(headers, 'application/json;charset=utf-8');
          return JSON.stringify(data);
        }
        return data;
      }

इसलिए यदि data एक ऐसी वस्तु है जो URLSearchParam नहीं है (या इससे पहले की जांच की गई कुछ अन्य प्रकारों में से एक - फॉर्मडाटा सूची में है और कच्चे उपयोग की जाती है) तो यह JSON.stringified होने जा रहा है और हेडर को एप्लिकेशन/जेसन पर सेट करने का कारण बन सकता है।
दूसरी ओर, यदि मैं एक स्ट्रिंग में पास करता हूं तो इसका उपयोग बस के रूप में किया जाता है, इसलिए adeelibr की 4 जुलाई की टिप्पणी वह है जो मेरे और मेरे फॉर्म डेटा के लिए काम करती है।

उन्हें एक डिफ़ॉल्ट शीर्षलेख प्रकार प्रदान करना चाहिए। मैंने इस कोड का उपयोग करके इस समस्या को हल किया।
क्लाइंट साइड पर यह मेरा Vue + axios कोड है

Vue.prototype.$http = axios;
new Vue({
    el: '#root',
    data: {
        site_url: params.site_url,
        name: '',
        description: ''
    },
    methods:{
        onSubmit(){
            var url = this.site_url + 'project/create';
            this.$http.post( url, {
                name: this.name,
                description: this.description
            } ).then(
                response => console.log(response.data)
            );
        }
    },
    mounted(){

    }
});```
Here this.$http means axios. I using axios instead of vue resource.


My Server Side Code

अगर (जारीकर्ता ($ _POST)) {
$fields_to_add = सरणी ('नाम', 'विवरण');
$प्रतिक्रिया = json_decode(file_get_contents("php://input"), true);
foreach ($प्रतिक्रिया $k => $v के रूप में) {
अगर (in_array($k, $fields_to_add)) {
$_POST[$k] = $v;
}
}
इको json_encode ($ _ POST);
बाहर जाएं();
} अन्य{
इको json_encode (सरणी ('संदेश' => 'अमान्य अनुरोध'));
बाहर जाएं();
}
```

फ़ील्ड नामों को फ़ील्ड नाम की सूची के रूप में रखें। यह स्वतः ही इसे पोस्ट में बदल देगा
उम्मीद है की यह मदद करेगा

+1

+1

+1

OMG मुझे नहीं पता था कि कुछ एप्लिकेशन/x-www-form-urlencoded फॉर्म डेटा के साथ एक POST अनुरोध भेजना इस तरह इतना जटिल है। मुझे रीडमे को कई बार फिर से पढ़ना पड़ता है, और गलत समझ है कि कॉन्फ़िगरेशन के डेटा फ़ील्ड का उपयोग qs.stringify (), पैराम्स फ़ील्ड के साथ भी किया जा सकता है।

फिलहाल, ऐसा लगता है कि केवल उदाहरण विधियां x-www-form-urlencoded प्रपत्र डेटा भेजने का समर्थन करती हैं जैसे:

• axios#post(url[, data[, config]])
• axios#put(url[, data[, config]])
• axios#patch(url[, data[, config]])

+1

हल नहीं किया गया!

यह हमेशा की तरह खुला है... हमेशा के लिए। पुराना अनुरोध lib इसे इतना आसान बनाता था।

+1

+1

+1

ऐसा करने का एक आसान तरीका यहां दिया गया है।
सबसे पहले, कृपया यहां पढ़ें: https://github.com/axios/axios#using -applicationx-www-form-urlencoded-format

यहाँ एक फिक्स है:

1. यहां जाएं: https://github.com/WebReflection/url-search-params

2. आप इसे npm इंस्टॉल कर सकते हैं या बस यहां से लाइब्रेरी डाउनलोड कर सकते हैं: https://github.com/WebReflection/url-search-params/blob/master/build/url-search-params.js

3. यदि आपने पुस्तकालय डाउनलोड किया है, तो बस इसे अपनी फ़ाइल में शामिल करें।

//For e.g. in your index.html, 
<script src="url-search-params.js"></script>

1. फिर इस तरह एक POST अनुरोध करें:

var params = new URLSearchParams();
params.append('param1', 'value1');
params.append('param2', 'value2');
axios.post('/foo', params)
.then(function (response)
                {
                    console.log(response.data);
                })
                .catch(function (error)
                {
                    console.log(error);
                });

यह एक आकर्षण की तरह काम करेगा! :+1:

@aditya43 धन्यवाद!

आप वास्तव में ऐसा भी कर सकते हैं। यह सीधे एक्सिओस जीथब पेज से आता है। आपको एन्कोडेड यूआरएल खुद बनाना होगा, लेकिन मैंने अभी इसका परीक्षण किया है, और यह काम करता है।

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

यह बग अभी भी मौजूद है, कोई अपडेट?

@ DZuz14 मैं इसे आज़माता हूँ और काम नहीं करता। उदाहरण के लिए axios ग्लोबल्स का उपयोग करना, और कुछ भी नहीं।
यह हार्डकोडेड प्रतीत होता है।

+1

Axios बेकार है प्रतिस्थापन के लिए अनुरोध का उपयोग करें

+1

यह काम कर रहा है!

https://www.npmjs.com/package/form-data-urlencoded

import getFormData from 'form-data-urlencoded';

let data = getFormData({"_csrf": 'wrwrwrvwg4657rhed4hehe4',
                            "Res1[Test1]": "segf96767", 
                            "Res2[Test2]": "hello"});
let options = {
     method: 'POST',
    headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8' },
    url: 'http://fhfhfhfh/455454545/fhfhfhf',
    data
};

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
axios(options).then(function (response) {
              console.log(response);
    }).catch(function (error) {
             console.log(error);
        });

मैंने "सामग्री-प्रकार" में वर्णसेट (यूटीएफ -8) को परिभाषित किया और मैंने उपरोक्त "इंटरसेप्टर" समाधान को संशोधित किया।
अंत में यह काम करता है।

import axios from 'axios'
import qs from 'qs'

axios.interceptors.request.use((request) => {
  if (request.data && (request.headers['Content-Type'].indexOf('application/x-www-form-urlencoded') !== -1)) {
    request.data = qs.stringify(request.data)
  }
  return request
})

axios({
  method: 'POST',
  url,
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
  },
  data
}).then(() => {
// DO SOMETHING
})

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

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

मैंने एक्सियोस के साथ शुरुआत की, क्योंकि मेरे एक सहयोगी ने मुझे इसकी सिफारिश की थी, और मेरे लिए पहला प्रयास एक कार्यशील एपीआई से एक्सेस टोकन प्राप्त करना था। और मैं इस बग से टकराया, और फिर मैं jQuery पर लौट आया, (ईमानदारी से, मैं jQuery को इतना गर्म करता हूं, लेकिन इसे ऐसा करने के लिए मजबूर किया गया)। इसलिए मुझे लगता है कि इस पुरानी, ​​अनसुलझी बग की तुलना में लोगों को इस पुस्तकालय से भागने का कोई बेहतर तरीका नहीं है।

मैं इस पुस्तकालय में किए गए सभी कार्यों की सराहना करता हूं, एक डेवलपर के रूप में मुझे पता है कि पुस्तकालय बनाना कोई मामूली काम नहीं है, और मुझे उम्मीद है कि एक दिन jQuery को नीचे आने दें और फिर से यहां वापस आएं।

@HakamFostok मैं एपीआई टोकन प्राप्त करने के लिए उत्पादन में जीथब/लाने का सफलतापूर्वक उपयोग कर रहा हूं जिसे आप jQuery के विकल्प के रूप में देख सकते हैं।
https://github.com/github/fetch

@usopan बहुत बहुत धन्यवाद, मैं इसे देख लूंगा

@HakamFostok
इस त्रुटि को दूर करने का सबसे आसान तरीका QS का उपयोग करना है। आपको qs स्थापित करने की आवश्यकता नहीं है, बस इसे सीधे qs.stringify के साथ उपयोग करें

let qs = require('qs');
let result = await axios.post(url,
    qs.stringify({
        refresh_token: refresh_token,
        grant_type: 'refresh_token'
    }),
    {
        headers: {
            "Content-Type": "application/json"
        },
        auth: {
            username: 'username',
            password: 'secret'
        }
    });

इसके साथ आप axios का उपयोग कर सकते हैं जो ES6 के साथ बहुत बेहतर है;)

लेकिन आप बिलकुल सही कह रहे हैं। इस बग को सदियों पहले सुलझा लिया जाना चाहिए था। पता नहीं क्या उन्हें इतना समय लग रहा है।

@HakamFostok @ Silve2611 मैं qs वर्कअराउंड कार्यों की पुष्टि करता हूं, मैं इसका उपयोग यहां टोकन प्राप्त करने के लिए करता हूं: https://github.com/Halceyon/aspnet-auth/blob/master/src/AspnetAuth.js

हां, 'क्यूएस' वर्कअराउंड काम कर रहा है, लेकिन समस्या यह है कि मैं प्रोजेक्ट में 'क्यूएस' का उपयोग नहीं करता हूं। वैसे भी मदद के लिए धन्यवाद, मैंने इस पुस्तकालय को फेंकने के साथ समाप्त किया और AJAX पुस्तकालय का उपयोग किया https://github.com/fdaciuk/ajax यह बहुत बेहतर है, और मैं सभी को इस पुस्तकालय से छुटकारा पाने और वहां माइग्रेट करने के लिए प्रोत्साहित करता हूं।

qs को महीने में लगभग 60 मिलियन बार डाउनलोड किया जाता है, यह 4.8Kb gzipped है।
एक्सप्रेस, बॉडी-पार्सर, अनुरोध, सुपरएजेंट और कई अन्य इस पर निर्भर हैं, आप इसे अपने प्रोजेक्ट में बिना किसी डर के जोड़ सकते हैं।

@HakamFostok जहां तक ​​​​मुझे पता है कि यह कोर मॉड्यूल का हिस्सा है, इसलिए यदि आपका नोड संस्करण अद्यतित है तो आपको इसे मैन्युअल रूप से इंस्टॉल करने की आवश्यकता नहीं है।

मैं बस किसी भी पुस्तकालय को स्थापित नहीं करना चाहता, जिसकी मुझे आवश्यकता नहीं है, बस एक समस्या के लिए समाधान तैयार करने के लिए जिसे कई साल पहले हल किया जाना चाहिए। सिर्फ आपकी जानकारी के लिए, मेरा प्रोजेक्ट रिएक्ट प्रोजेक्ट नहीं है और न ही मैं नोड का उपयोग करता हूं, मैं vue.js के साथ ASP.NET MVC का उपयोग कर रहा हूं

"क्वेरीस्ट्रिंग" मॉड्यूल में बनाया गया है, और जहां तक ​​​​मुझे पता है, यह वही करता है।

@axios इस बग के बारे में क्या है जो बनी रहती है?

@HakamFostok मैं भी vue का उपयोग कर रहा हूं और यह वास्तव में axios के साथ पूरी तरह से काम करता है। qs का उपयोग करने पर विचार करें क्योंकि यदि आप async प्रतीक्षा का उपयोग करना चाहते हैं तो axios के बहुत सारे फायदे हैं।

मुद्दा अभी भी खुश है और मुझे इस तरह qs का मैन्युअल उपयोग करना होगा

axios.post(
      "connect/token",
      qs.stringify({
        username: this.state.username,
        password: this.state.password,
        grant_type: "password",
        scope: "offline_access"
      })
    );

क्या यह वास्तव में एक बग भी है? मैं अक्षीय के साथ दो अलग-अलग परियोजनाओं में एन्कोड किया गया यूआरएल कर रहा हूं, और यह ठीक काम करता है। मैंने जो टिप्पणी यहां पहले पोस्ट की थी वह केवल एक चीज है जिसे मैंने सेट किया है, और यह काम करता है।

बेशक यह एक बग है! यह दस्तावेज़ों में वर्णित के रूप में काम नहीं करता है। इसके अलावा किसी ऐसी चीज के लिए अतिरिक्त कदम जोड़ने का कोई मतलब नहीं है जिसे स्पष्ट रूप से axios द्वारा नियंत्रित किया जाना चाहिए। अन्य विधियों को चरण की आवश्यकता नहीं है।

हां, इसका कोई मतलब नहीं है जब आपको अतिरिक्त कदम जोड़ना होगा।
अगर मैं पोस्ट करना चाहता हूं

headers: {
     'Content-type': 'application/x-www-form-urlencoded'
}

मुझे इस तरह लिखना है

axios.post(
      "connect/token",
      qs.stringify({
        username: this.state.username,
        password: this.state.password,
        grant_type: "password",
        scope: "offline_access"
      })
    );

मेरे पास Content-Type को application/vnd.api+json पर सेट करने के साथ एक ही समस्या थी, #340 के समान, जो दुर्भाग्य से बिना समाधान के बंद कर दिया गया था।

मेरा कामकाज Content-Type भेजने के लिए ऑब्जेक्ट डेटा को स्ट्रिंग करना था, जो थोड़ा हैकी है, क्योंकि हमें application/json;charset=utf-8 सेट करने के अक्षीय तरीके से निपटना होगा जब इसे एक के साथ व्यवहार करना होगा वस्तु डेटा।

आशा है कि हमारे पास Content-Type को मैन्युअल रूप से सेट करने में अधिक क्षमता होगी, बजाय इसके कि हमारे लिए "अनुमान" हो।

इसे हमारे लिए "अनुमान" करना चाहिए या एक त्रुटि फेंकनी चाहिए जिसे हम संभाल सकते हैं। फिलहाल सब कुछ ठीक लग रहा है लेकिन स्पष्ट रूप से परन्स सही नहीं हैं। Axios के साथ काम करने वाला एक नौसिखिया ऐसी त्रुटि का पता लगाने में सक्षम नहीं होगा। कम से कम इसे सही ढंग से प्रलेखित किया जाना चाहिए।

+1 इस मुद्दे को ट्रैक करने में बस 2 घंटे बिताए। कम से कम रीडमी में बेहतर स्पष्टीकरण/नोट की सराहना की होगी। अगर qs समस्या हल करता है तो अपडेट होगा।

अद्यतन: प्रतिक्रिया का उपयोग करते हुए, qs ने मेरे लिए काम किया। यह मेरा समाधान था। मुझे अपने मामले में फॉर्म पैरामीटर और क्वेरी पैरामीटर दोनों की आवश्यकता थी।

var data = qs.stringify({
    id: 'MY_ID',
    action: 'MY_DATA'
});
var params = {
  params: {
    token: 'MY_TOKEN'
  }
};
axios.post('MY_URL', data, params)
    .then(function (response) {
      console.log(response);
    })
    .catch(function (error) {
      console.log(error);
    });

मुझे लॉगिन प्रक्रिया करने के लिए प्रतिक्रिया के साथ एक्सियोस का उपयोग करने की आवश्यकता थी और इस समस्या के साथ घंटों तक संघर्ष करने के बाद समाधान अनुरोध करने के लिए आवश्यक वस्तुओं को स्वतंत्र रूप से बनाना था।

त्रुटि थी: unsupported_grant_type

इस काम।

import axios from 'axios';
import qs from 'qs' ;

const endPoint = `${endPointApi}/ControllerX`;  

const data = qs.stringify({ 
    grant_type: 'password',            
    user: userName, 
    password: userPass
});

const headers = {
    'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
};

axios.post(endPoint, data, headers)
.then(function (response) {
    debugger;
    console.log(response);
})
.catch(function (error) {
    debugger;
    console.log(error);
});

यह दूसरा तरीका काम नहीं करता है।

axios.post({
    url: endPoint, 
    data: data, 
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
    }
})...

@ harvic3 आप मेरा वर्किंग कोड देख सकते हैं। इसके अलावा आपको विशिष्ट शीर्षलेख की आवश्यकता नहीं है।

https://github.com/Awesome-CMS-Core/Awesome-CMS-Core/blob/master/src/AwesomeCMSCore/AwesomeCMSCore/React/js/App/Modules/Account/LoginForm.jsx#L40 -L79

2 साल बाद भी इस बग का समाधान नहीं हुआ है

+1

+1

+1 अभी भी समस्या है

+1

+1
पिंग @mzabriskie @nickuraltsev

नोडज पक्ष पर मुद्दा यह है कि निर्भरताओं में से एक, follow-redirects , सामग्री-प्रकार शीर्षलेख को हटा रहा है:

https://github.com/olalonde/follow-redirects/blob/1b6340f83ad5596a0a38c16a7113692bd90301f2/index.js#L188 -L192

+1 निश्चित रूप से यहां एक ही समस्या में चल रहा है

+1

qs के रूप में हैक्स का उपयोग न करने के लिए इसे अंत में ठीक करें (लेकिन हाँ, qs काम करता है)

हेजो

1. माज 2018 23.31 स्क्रेव "लियोनिद एर्शोव" नोटिफिकेशन @github.com :

qs . के रूप में हैक्स का उपयोग न करने के लिए इसे अंत में ठीक करें

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

लगता है ये मसला सुलझने वाला नहीं है

यह हास्यास्पद होने लगा है!

एक "f**k you" भी नहीं, हम इसे कभी ठीक नहीं करेंगे! :/

+1

+1

ऐसा लगता है कि किसी नायक ने इसे ठीक किया और एक विशिष्ट संस्करण "एक्सियोस" बनाया
सामग्री-प्रकार की सेटिंग की अनुमति दें
हालांकि इसका परीक्षण नहीं किया, लाने के लिए आगे बढ़े

+1

+1

+1

+1

मैं
जैसा कि @camposjorge ने कहा कि हम https://github.com/axios/axios/pull/1544 के लिए एक फिक्स (जल्द ही?) धन्यवाद देख सकते हैं

कुछ तय?

+1

उसे हल कर लिया! यह एक अक्षीय समस्या नहीं है, बस क्रॉस मूल के बारे में है

सेट {हेडर: {'सामग्री-प्रकार': 'एप्लिकेशन/x-www-form-urlencoded; वर्णसेट=UTF-8'}}
तथा
एक्सिस विकल्पों से बस ट्रांसफॉर्मरक्वेट का उपयोग करें

ट्रांसफॉर्मरक्वेट: [फ़ंक्शन (डेटा) {रिटर्न प्रारूप (डेटा)}],

प्रारूप फ़ंक्शन का उपयोग {a:"a",b:"b"} से "a=a&b=b" को पार्स करने के लिए किया जाता है

+1, और उपरोक्त में से किसी भी समाधान ने काम नहीं किया

+1

ऐसा लगता है कि बहुत से लोग अभी भी इस मुद्दे के समाधान की प्रतीक्षा कर रहे हैं, जिसमें मैं भी शामिल हूं - निश्चित रूप से इस समय के बाद इसका कोई प्रस्तावित समाधान होना चाहिए।

प्रतिक्रिया में qs.stringify के साथ इस मुद्दे को ठीक किया।

आपको बस डेटा को axios.post में पास करने से पहले qs.stringify करना होगा

समस्या यह है कि डिफ़ॉल्ट रूप से सीएसआरएफ टोकन एक्सियोस के साथ एक सामान्य शीर्षलेख के रूप में पंजीकृत है
इस मुद्दे को हल

1- इन पंक्तियों को बूटस्ट्रैप.जेएस में बदलें "

window.axios.defaults.headers.common['X-Requested-with'] = 'XMLHttpRequest';

टोकन दें = document.head.querySelector('meta[name="csrf-token"]');

अगर (टोकन) {
window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
} अन्य {
कंसोल.एरर ('सीएसआरएफ टोकन नहीं मिला: https://laravel.com/docs/csrf#csrf-x-csrf-token');
}
"
इस पंक्ति से "
window.axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
"
2- npm द्वारा qs मॉड्यूल स्थापित करें यहाँ क्लिक करें

3- नीचे दिए गए qs की तरह परिभाषित करें:
const qs = आवश्यकता ('qs');
4- इस तरह से डिफ़ॉल्ट रूप से axios का उपयोग करें:
axios.post ('आपका लिंक यहाँ है', qs.stringify ({
'ए1': 'बी1',
'ए2': 'बी2'
}))
तब (प्रतिक्रिया => {

                     alert('ok');

                })
                .catch(error => alert(error));

इसके साथ मैं axios का उपयोग करके एक फॉर्म जमा करने में सक्षम था, इस तथ्य के बावजूद कि सामग्री-प्रकार को axios पर नहीं बदला जा सकता है

```
कॉन्स्ट {पूरा नाम, ईमेल, पासवर्ड, फोन} = this.state;
अक्ष (यूआरएल, {
विधि: "पोस्ट",
शीर्षलेख: {
स्वीकार करें: "एप्लिकेशन/जेसन",
"सामग्री-प्रकार": "एप्लिकेशन/x-www-form-urlencoded"
},
डेटा: यह। क्रमबद्ध करें ({
नाम: पूरा नाम,
ईमेल: ईमेल,
पासवर्ड: पासवर्ड,
फ़ोन: फ़ोन
})
})
तब (प्रतिक्रिया => {
कंसोल.लॉग (प्रतिक्रिया);
})
कैच (त्रुटि => {
कंसोल.लॉग (त्रुटि। प्रतिक्रिया);
});

क्रमानुसार = obj => {
चलो str = [];
के लिए (चलो p obj में)
अगर (obj.hasOwnProperty(p)) {
str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
}
वापसी str.join("&");
};

टक्कर। हास्यास्पद रूप से, वर्षों के बाद भी, यह कष्टप्रद बग अभी भी ठीक नहीं हुआ है।

टक्कर। यहाँ एक ही समस्या है, आवश्यक AF को ठीक करें।

@mzabriskie

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

form-urlencoded लाइब्रेरी मुझे इसे ठीक करने में मदद करती है (अस्थायी के लिए)।

return preset.post("/app/BookingProc.do",formurlencoded(dat),{
        headers:{
            Cookie:session
        }
    }).then(response=>{
        return response
    })

@mzabriskie

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

नहीं, इसे बंद नहीं किया जा सकता!!!
हर कोई समस्या में भाग रहा है और यह नहीं जानता कि समाधान कहां खोजा जाए। इसे हेडर सेट किए बिना काम करना चाहिए या एक मानक हेडर सेट किया जाना चाहिए।
यदि कोई त्रुटि नहीं है, तो यह दिखाते हुए फेंक दिया जाना चाहिए कि समस्या कहां है।
साथ ही दस्तावेजों को भी अपडेट करना होगा।

यह अभी भी टूटा हुआ है!

टक्कर। यह बग अभी भी अपनी जगह पर है और बहुत अच्छा लगता है!

टक्कर

यह बग अभी भी जीवित है!

मैं भी यहाँ बग का अनुभव कर रहा हूँ।

यहाँ अभी भी घृणित

const axios = require('axios');
const qs = require('querystring');

axios.post(`${this.api}siteverify`, qs.stringify({
  secret: this.secret,
  response: recaptchaToken,
  remoteip: userIP,
}), {
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded',
  },
});

यह मेरे लिए काम करता है। मैंने इसे उस ऐप से हटा दिया है जिसे मैं वर्तमान में विकसित कर रहा हूं, यह हिस्सा Google के रिकैप्चा को सत्यापित करने के लिए है।

अभी भी वही समस्या हो रही है ...

डिफ़ॉल्ट के रूप में सेट करना काम नहीं कर रहा है:
axios.defaults.headers.common['Accept'] = 'application/json'; // working axios.defaults.headers.common['Content-Type'] = 'application/json;charset=UTF-8'; // NOT working

और अनुरोध में सेटिंग भी काम नहीं कर रही है:
axios.get(url, { headers: { 'Content-Type': 'application/json;charset=UTF-8' } })

@aaroninn यह वही समस्या प्रतीत नहीं होती है, कृपया एक नया मुद्दा खोलें यदि आपको लगता है कि आपकी समस्या axios से संबंधित है (जो vuex के मूल उपयोग से संबंधित है मुझे, लेकिन मुझे यकीन नहीं हो रहा है)

यह धागा पहले से ही +1 से भरा है, यहां अन्य मुद्दों को इकट्ठा करने की आवश्यकता नहीं है

https://github.com/axios/axios/issues/362#issuecomment -229817415

@mzabriskie ऐसा लगता है कि आप उस कमिट के लेखक हैं जिसने इस मुद्दे को पेश किया है, क्या आप इसके बारे में कुछ नहीं कर सकते (यदि आप यह भी नहीं समझते हैं कि आपने इसे पहले स्थान पर क्यों किया, तो आप इसे वापस कर सकते हैं, सही?)

अग्रिम में धन्यवाद

यह 2018 है! कौन सा उत्तर, ऊपर, मुझे डाउनवोट नहीं करना चाहिए?

मुझे फिर से बताएं कि हम सभी एक्सियोस से प्यार क्यों करते हैं?

इस मुद्दे को ठीक करने की आवश्यकता है? या यह स्वैच्छिक है, मैं पूछ रहा हूँ, यह 2 साल से खुला है लेकिन किसी ने इसे ठीक नहीं किया। क्या यह स्वैच्छिक है और इसे ठीक करने की आवश्यकता नहीं है?

@jeremycare मैं सिर्फ उस समस्या के लिए एक पीआर बनाता हूं ... मुझे लगता है कि यह वास्तव में कष्टप्रद "बग" है और इसे ठीक किया जाना चाहिए। विशेष रूप से इसे ठीक करना और उस समस्या से छुटकारा पाना वास्तव में आसान है।

दोस्तों, मुझे लगता है कि मैं समझता हूं कि यह टिकट अभी भी क्यों खुला है।
जो लोग बताते हैं कि यह उनके लिए काम करता है अब "qs" मॉड्यूल का उपयोग करते हैं, जो लोग इसे काम नहीं करते हैं वे "क्वेरीस्ट्रिंग" मॉड्यूल का उपयोग करते हैं।
मैं देखता हूं कि लोगों को हेडर के साथ समस्या हो रही है, यह टिकट सब कुछ पढ़ने के लिए इतना लंबा है और हो सकता है कि मैं इस टिकट में मुद्दे के बारे में सबकुछ नहीं समझता, लेकिन अगर कोई फॉर्म डेटा काम के साथ अनुरोध नहीं कर सकता है, तो अन्य चीजों को आजमाने से पहले इसे चेकआउट करें:

यहाँ सब कुछ वर्णित: https://github.com/axios/axios/issues/1894

जब Axios इसे सेट करने में विफल रहता है, तो ब्राउज़र में Content-Type की सेटिंग के साथ तुरंत काम करते हुए देशी fetch के स्वैप को देखना निराशाजनक है। प्लेटफार्मों के बीच इंटरऑप मेरे लिए इसका सबसे बड़ा विक्रय बिंदु था।

मैं transformRequest विधि में देख सकता हूं कि हेडर सेट है लेकिन यह इसे वास्तविक अनुरोध पर कभी नहीं बनाता है। मैं क्यूएस मॉड्यूल का उपयोग नहीं कर सकता क्योंकि मैं केवल टेक्स्ट का एक बॉडी भेज रहा हूं।

मैं जो अनुभव कर रहा हूं उसे फिर से परिभाषित करने के लिए: मैं axios का उपयोग करके ब्राउज़र में Content-Type शीर्षलेख सेट नहीं कर सकता क्योंकि यह अधिलेखित है। मैं एक स्ट्रिंग पेलोड (कोई फॉर्मडेटा नहीं) भेज रहा हूं, इसलिए qs / querystring मॉड्यूल मेरे मामले के लिए प्रासंगिक नहीं हैं।

इसे ठीक करने के लिए हम क्या कर सकते हैं?

संपादित करें: अभी के लिए मैं केवल ब्राउज़र में लाने के लिए उपयोग करने जा रहा हूं, लेकिन इस तरह के मेरे लिए axios का उपयोग करने के लिए पूरे बिंदु को अस्वीकार करता है।

EDIT2: मैंने अपनी खुद की लाइब्रेरी - काउल - को कई वातावरणों में अपने अनुरोधों को संभालने के लिए बनाया है (नोड/ब्राउज़र/रिएक्ट-नेटिव को लक्षित करना)। यह किसी भी तरह से axios और इसकी सुविधाओं के धन के लिए एक प्रतिस्थापन नहीं है, लेकिन यह सभी मूलभूत बातों का समर्थन करता है।

एक ही मुद्दा मिला। और अगर मैं किसी और चीज की कुंजी सेट करता हूं, तो यह "सामग्री-प्रकार" को छोड़कर काम करता है! कृपया सहायता कीजिए!

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

मुझे लगता है कि यह महसूस करना महत्वपूर्ण है कि यह निश्चित रूप से केवल क्वेरीस्ट्रिंग के साथ एक मुद्दा नहीं है .. मेरी बॉडी सामग्री बिना किसी पैरामीटर के कच्चे टेक्स्ट है, फिर भी मैं इसे Content-Type के साथ axios का उपयोग करके नहीं भेज सकता।

मैंने पोस्ट का उपयोग करने की कोशिश की, यह ठीक काम करता है, पोस्ट का डिफ़ॉल्ट जेसन है

मैं अभी इस बग का सामना कर रहा हूं... तो क्या सालों बाद इसका कोई समाधान नहीं है? बहुत खूब...

मैंने एक पीआर बनाया जो दो महीने पहले समस्या को ठीक कर देगा... मुझे समझ में नहीं आता कि इसे विलय क्यों नहीं किया गया?!

मैंने एक पीआर बनाया जो दो महीने पहले समस्या को ठीक कर देगा... मुझे समझ में नहीं आता कि इसे विलय क्यों नहीं किया गया?!

ध्यान रखें कि पिछले साल सितंबर के बाद से किसी ने कुछ भी धक्का नहीं दिया है, शायद वे अनुरक्षकों की तलाश कर रहे हैं? साथ ही, मुझे लगता है कि जब मैं आपके पीआर की तुलना: https://github.com/axios/axios/pull/1544/files से करता हूं तो आप एक परीक्षा चूक गए

@mzabriskie क्या आप इन पीआर में से किसी एक को मर्ज करने की ज़िम्मेदारी ले सकते हैं? चूंकि वर्तमान में कुछ सॉफ़्टवेयर को सामग्री-प्रकार सेट (उदाहरण के लिए आरओआर पैराम्स: https://guides.rubyonrails.org/api_app.html#using-actiondispatch-request) के लिए अनुरोध प्राप्त करने की आवश्यकता होती है। https://github.com/axios/axios/issues/362#issuecomment -229817415 में निर्दिष्ट समाधान जाने का उचित तरीका प्रतीत होता है और यह इस विशिष्ट उपयोग मामले के लिए भ्रूण का उपयोग करने जैसे सभी हताश हैक को हल करेगा।

मैं got पेजकेज में चला गया, क्योंकि axios छोड़ दिया गया लगता है।

तो Axios आधिकारिक तौर पर 'Content-Type': 'application/x-www-form-urlencoded' के साथ अनुरोध भेजने में असमर्थ है या @ChBernat समाधान वास्तव में काम करता है?

क्या इस मुद्दे पर कोई समाधान है एटीएम?

क्या इस मुद्दे पर कोई समाधान है एटीएम?

एक साल तक यहां देखें और आपको बहुत सारे वर्कअराउंड दिखाई देंगे... हालांकि मैं अनुशंसा करता हूं, दूसरों की तरह और खुद को शामिल करते हुए, अक्षतंतु से आगे बढ़ें। छोड़ दिया है...

वाह... उन्हें इस समय इस परियोजना को छोड़ देना चाहिए, मुझे पता है कि मैं हूं। मूल रूप से रिपोर्ट किए गए मुद्दे के लगभग 3 साल और अब भी हम इस बात को हल करने की कोशिश कर रहे हैं? अविश्वसनीय। मुझे ओपन सोर्स पसंद है इसलिए मैं इस परियोजना के लिए किसी भी बीमार भावनाओं को बरकरार नहीं रख रहा हूं, रखरखाव नहीं है लेकिन ... इसका उपयोग लोगों के टन द्वारा किया जाता है, इसलिए कम से कम आप इसे छोड़ सकते हैं, इसलिए हम सभी जानते हैं कि यह परियोजना मर चुकी है/मर रही है। धन्यवाद।

@justintime4tea क्या आपके पास कोई नई सिफारिश है?

got

@kslr मिल गया या अनुरोध ऐसा लगता है कि बाकी सभी ने भी माइग्रेट करना शुरू कर दिया है। मैं एक्सियोस के साथ रहने की कोशिश कर रहा हूं, लेकिन मुझे लगता है कि यह मेरे पास कुछ अमूर्त परत लिखने के लिए समाप्त हो जाएगा ताकि मैं अंतर्निहित HTTP अनुरोध पुस्तकालय को स्वैप कर सकूं और फिर यदि मैं एक अलग पुस्तकालय का उपयोग करता हूं जिसमें "निर्मित" है -in" HTTP क्लाइंट का उपयोग करता है, बस इसे अपना काम करने दें।

मैंने ऐसा कुछ करने की कोशिश की और मेरे लिए काम किया।
शायद सबसे अच्छा समाधान नहीं है, लेकिन यह वास्तव में मदद कर सकता है (मुझे लगता है), कोई सुझाव, अगर यह समाधान भयानक है, तो स्वागत है।

const foo= yield qs.stringify({ 'grant_type' : 'yourGrantType', 'param' : param, 'param' : param }) const bar= yield axios.post('/baz', foo)

मैंने हेडर हटा दिया है, और ऐसा लगता है कि इसे अच्छी तरह से प्राप्त हुआ है।

axios({
  url,
  method: 'POST',
  headers:{
    'Content-Type': 'application/json'
  },
  data: null, // important
})

बैकएंड के रूप में RoR का उपयोग करने में मुझे दो समस्याएं थीं।

मेरा संदर्भ:

मेरे पास बहिष्कृत vue-resource का उपयोग कर एक प्रोजेक्ट था और अतिरिक्त कॉन्फ़िगरेशन के बिना सब कुछ ठीक काम करता है। और अब, मैं परियोजना की निर्भरताओं को व्यवस्थित कर रहा हूं और बहिष्कृत निर्भरताओं को बदल रहा हूं, इसलिए मैंने vue-resource को axios से बदल दिया;)...

लेकिन, हमें कुछ समस्याएं थीं और नीचे मैं इन समस्याओं को हल करने के लिए जो कुछ करता हूं उसे साझा करूंगा। शायद किसी की मदद करो! क्षमा करें यदि मैंने आपकी अपेक्षा के अनुरूप आपकी सहायता नहीं की है

पहली समस्या , समस्या इस समस्या के समान है, मैंने इसका उपयोग करके हल किया:

axios.interceptors.request.use(config => {
  config.paramsSerializer = params => qs.stringify(params);
  return config;
});

अब, पैराम्स जैसे:

q: {
  search: "Something",
  sort: "asc",
}

में बदल दिया जाएगा:
http://xxxx/?q%5Bsearch%5D=something&q%5Bsort%5D=asc

यह पार्स किया जाएगा:

q[search]: something
q[sort]: asc

दूसरी समस्या , RoR JSON प्रतिक्रिया के बजाय HTML प्रतिक्रिया लौटा रही है:

यह समस्या इसलिए होती है क्योंकि हमारे बैकएंड को AJAX अनुरोधों को अन्य प्रकार के अनुरोधों से अलग करना चाहिए।

डिफ़ॉल्ट रूप से, vue-resource पहले से ही अपेक्षित के रूप में X-Requested-With हेडर सेट कर चुका है। लेकिन, अक्ष नहीं। तो, मुझे इस कुंजी को अनुरोध शीर्षलेख में परिभाषित करना पड़ा। मेरा Axios वैश्विक विन्यास अंत में इस प्रकार था:

axios.interceptors.request.use(config => {
  config.paramsSerializer = params => qs.stringify(params);
  return config;
});
axios.defaults.headers.common['Accept'] = 'application/json';
axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

===

यदि आप बैकएंड के रूप में रेल का उपयोग करते हैं और किसी भी समाधान ने आपके लिए काम नहीं किया है, तो मुझे बताएं, शायद मैं आपकी मदद करूँ =)।

इसका उपयोग करें .. https://gist.github.com/akexorcist/ea93ee47d39cf94e77802bc39c46589b#gistcomment -2878451

प्रतिक्रिया-मूल पर काम कर रहा हूं और इसका उपयोग करते समय खराब अनुरोध 400 त्रुटि प्राप्त कर रहा हूं:
आयात * 'क्वेरीस्ट्रिंग' से qs के रूप में;
axios.post(url,qs.stringify({
'फर्स्ट_नाम': 'डीप',
'last_name': 'पलोत्रा',
}),{
शीर्षलेख: {
'सामग्री-प्रकार': 'एप्लिकेशन/x-www-form-urlencoded; वर्णसेट = UTF-8'
}
}).फिर ((प्रतिक्रिया) => {
कंसोल.लॉग ('काम किया')
}).कैच ((त्रुटि) => {
कंसोल.लॉग ('त्रुटि')
कंसोल.लॉग (त्रुटि)
})

तो इस समस्या का समाधान कैसे करें?

कोई भी समाधान :(

qs . द्वारा हल किया गया

{ data: qs.stringify(bodyObject) }

यह देखकर दुख होता है कि इतने सारे लोग इस मामले में भ्रमित हैं। मैंने उन टिप्पणियों को पढ़ने की पूरी कोशिश की है। लेकिन ऐसा लगता है कि इसमें कई अन्य समस्याएं शामिल हैं।

सब लोग, मुझे इसे बंद करने के लिए क्षमा करें। अगर कोई समस्या का स्पष्ट रूप से वर्णन करने के लिए एक नया मुद्दा खोल सकता है, तो यह वास्तव में आपके लिए बहुत बड़ा धन्यवाद होगा।

ज़रा सुनिए सभी,

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

मेरा उत्तर विभिन्न कारणों को देखने से उपजा है कि एक POST Axios के साथ विफल क्यों हो रहा था:

1. 400 गलत अनुरोध
2. कस्टम हेडर के साथ पोस्ट नहीं किया जा सकता (इस धागे की तरह)
3. डेटा/पेलोड को क्रमबद्ध/स्ट्रिंग करने की आवश्यकता है

मैं इस थ्रेड में खराब अनुरोध 400 के साथ एक ही समस्या का सामना कर रहा था, जब इस तरह से कॉन्फ़िगरेशन में एक्सियोस में कस्टम हेडर में पास हो रहा था, और यहां कई प्रतिक्रियाओं की कोशिश की, जैसे कि qs.stringify() का उपयोग करना, कॉन्फ़िगरेशन में डेटा सेट करना शून्य या {} कोई फायदा नहीं हुआ।

1) नोट - .catch() ब्लॉक को जोड़ने और त्रुटि को लॉग करने से मुझे वास्तव में मदद मिली क्योंकि मैं एक ऐसी त्रुटि को सामने लाने में सक्षम था जो इतनी गुप्त नहीं थी। मैं डिबग करने के लिए संदेश का उपयोग करने में सक्षम था और अंततः मेरे पास मौजूद समस्या का पता लगाने में सक्षम था।

2) .then() ब्लॉक में response.data लौटाना महत्वपूर्ण है, अन्यथा आप इस त्रुटि में भाग लेंगे:

Converting circular structure to JSON

अब मेरा मुद्दा एपीआई पोस्ट बॉडी नहीं था जो एंडपॉइंट चाहता था, लेकिन जब तक मैं त्रुटि लॉग करने में सक्षम नहीं था, तब तक मैं इसे नहीं देख सका।

इसके अलावा, मैं नेस्टजेएस और एचटीपी सेवा का भी उपयोग कर रहा हूं, जो एक्सियोस के चारों ओर एक रैपर है, और यह इस मुद्दे को और जटिल करता है क्योंकि असली त्रुटि मेरे पाइप में कैच एरर कॉलबैक में बुलबुला नहीं कर रही थी।

तो यहाँ शुद्ध Axios और NestJS दोनों का समाधान है।

अक्ष:

const headers = { 'Content-Type': 'application/x-www-form-urlencoded' };
return axios.post('https://some-made-up-endpoint, dataString, { headers })
.then(resp => resp.data)
.catch(error => {
this.logger.log('ERROR: ${JSON.stringify(error.response.data)}');
});

नेस्टजेएस:

const headers = { 'Content-Type': 'application/x-www-form-urlencoded' };
return this.http.post('https://some-made-up-endpoint, dataString, { headers }).pipe(
map(response => response.data), // This is important otherwise - circular JSON error
catchError((error: any) => {
this.logger.error('[[[[ ERROR TRYING TO FETCH TOKEN: ${error.message} ]]]]');
return of()
})
).toPromise();

टीएलडीआर;

1) वास्तविक त्रुटि को ठीक से लॉग करने के लिए .catch() ब्लॉक जोड़ें, अन्यथा यह 400 खराब अनुरोध है
2) सुनिश्चित करें कि आपका डेटा हस्ताक्षर एपीआई की अपेक्षा से मेल खाता है। यह त्रुटि के मौजूद होने के कारण का एक हिस्सा है क्योंकि कोड 400 एक 'खराब अनुरोध' है
3) यदि आप Axios का उपयोग कर रहे हैं, या यदि आप NestJS का उपयोग कर रहे हैं तो मैप ऑपरेटर में .then() ब्लॉक में response.data लौटाएं या आपको Converting circular JSON त्रुटि मिलेगी

लंबी पोस्ट के लिए खेद है और सभी को शुभकामनाएँ!

चियर्स

प्रतिक्रिया-मूल पर काम कर रहा हूं और इसका उपयोग करते समय खराब अनुरोध 400 त्रुटि प्राप्त कर रहा हूं:
आयात * 'क्वेरीस्ट्रिंग' से qs के रूप में;
axios.post(url,qs.stringify({
'फर्स्ट_नाम': 'डीप',
'last_name': 'पलोत्रा',
}),{
शीर्षलेख: {
'सामग्री-प्रकार': 'एप्लिकेशन/x-www-form-urlencoded; वर्णसेट = UTF-8'
}
}).फिर ((प्रतिक्रिया) => {
कंसोल.लॉग ('काम किया')
}).कैच ((त्रुटि) => {
कंसोल.लॉग ('त्रुटि')
कंसोल.लॉग (त्रुटि)
})

मेरे लिए यह काम। क्वेरी stringfy के साथ बहुत बहुत धन्यवाद।
तुम मेरी जान बचाओ

आप इसके बजाय qs जैसी लाइब्रेरी का उपयोग कर सकते हैं:

var qs = require('qs');
axios.post('/foo', qs.stringify({ 'bar': 123 });

आपका समाधान काम कर रहा है। बहुत - बहुत धन्यवाद!