पासिंग हेडर [ReactJS]

Question

मैं एक Axios पोस्ट अनुरोध के रूप में की तरह

var data = { 
     'key1': 'val1', 
     'key2': 'val2' 
} 
axios.post(Helper.getUserAPI(), data) 

      .then((response) => { 
       dispatch({type: FOUND_USER, data: response.data[0]}) 
      }) 
      .catch((error) => { 
       dispatch({type: ERROR_FINDING_USER}) 
      }) 

NPM पैकेज प्रलेखन से सिफारिश लिखा है और यह काम करता है, लेकिन अब मैं अपने बैकएंड एपीआई को संशोधित किया है हेडर

स्वीकार करने के लिए

सामग्री प्रकार: 'आवेदन/json'

प्राधिकरण: 'जेडब्ल्यूटी fefege ...'

अब यह अनुरोध POSTMAN पर ठीक काम करता है, लेकिन जब एक अक्षीय कॉल लिखते हैं, तो मैं this link का पालन करता हूं और इसे काम करने में काफी कुछ नहीं मिल सकता।

मैं contantly 400 BAD Request error

यहाँ हो रही है मेरी संशोधित अनुरोध है

axios.post(Helper.getUserAPI(), { 
       headers: { 
        'Content-Type': 'application/json', 
        'Authorization': 'JWT fefege...' 
       }, 
       data 
      }) 

      .then((response) => { 
       dispatch({type: FOUND_USER, data: response.data[0]}) 
      }) 
      .catch((error) => { 
       dispatch({type: ERROR_FINDING_USER}) 
      }) 

किसी भी मदद की बहुत सराहना कर रहा है

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

Answer 1

Axios उपयोग करते समय, आदेश कस्टम हेडर पारित करने के लिए, एक वस्तु पिछले तर्क के रूप में हेडर युक्त

अपने Axios तरह

 var headers = { 
      'Content-Type': 'application/json', 
      'Authorization': 'JWT fefege...' 
     } 
     axios.post(Helper.getUserAPI(), data, headers) 

      .then((response) => { 
       dispatch({type: FOUND_USER, data: response.data[0]}) 
      }) 
      .catch((error) => { 
       dispatch({type: ERROR_FINDING_USER}) 
      }) 

Answer 2

अनुरोध संशोधित आपूर्ति यहाँ एक Axios की एक पूरी उदाहरण है। कस्टम हेडर के साथ पोस्ट अनुरोध

var postData = { 
 
    email: "test@test.com", 
 
    password: "password" 
 
}; 
 

 
let axiosConfig = { 
 
    headers: { 
 
     'Content-Type': 'application/json;charset=UTF-8', 
 
     "Access-Control-Allow-Origin": "*", 
 
    } 
 
}; 
 

 
axios.post('http://<host>:<port>/<path>', postData, axiosConfig) 
 
.then((res) => { 
 
    console.log("RESPONSE RECEIVED: ", res); 
 
}) 
 
.catch((err) => { 
 
    console.log("AXIOS ERROR: ", err); 
 
})