"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > एक्सियोस

एक्सियोस

2024-08-06 को प्रकाशित
ब्राउज़ करें:291

Axios

कोड को धीरे-धीरे पढ़ें और आवश्यकतानुसार सूचना प्रवाह और सूचना प्रारूप का पालन करें, क्योंकि यह बदलता है

अवलोकन

एक्सियोस एक लोकप्रिय जावास्क्रिप्ट लाइब्रेरी है जिसका उपयोग ब्राउज़र और नोड.जेएस दोनों से HTTP अनुरोध करने के लिए किया जाता है। यह एक ओपन-सोर्स प्रोजेक्ट है जिसे REST एंडपॉइंट पर एसिंक्रोनस HTTP अनुरोध भेजने और CRUD (क्रिएट, रीड, अपडेट, डिलीट) ऑपरेशन करने की प्रक्रिया को सरल बनाने के लिए डिज़ाइन किया गया है।

निर्माता

एक्सियोस को मैट ज़ैब्रिस्की द्वारा बनाया गया था। परियोजना का रखरखाव समुदाय द्वारा किया जाता है और यह GitHub पर उपलब्ध है।

लाभार्थियों

एक्सियोस इसके लिए फायदेमंद है:

  • फ्रंट-एंड डेवलपर्स: वेब एप्लिकेशन से HTTP अनुरोध करने के लिए।
  • बैक-एंड डेवलपर्स: Node.js अनुप्रयोगों के भीतर HTTP अनुरोधों को एकीकृत करने के लिए।
  • पूर्ण-स्टैक डेवलपर्स: क्लाइंट और सर्वर दोनों तरफ HTTP अनुरोधों को संभालने के लिए।

लाभ

  1. वादा-आधारित: अतुल्यकालिक अनुरोधों और प्रतिक्रियाओं के साथ काम करना आसान बनाता है।
  2. इंटरसेप्टर: अनुरोधों या प्रतिक्रियाओं को संभालने से पहले उनमें संशोधन की अनुमति देता है।
  3. स्वचालित JSON डेटा परिवर्तन: JSON डेटा के प्रबंधन को सरल बनाता है।
  4. सीएसआरएफ सुरक्षा: क्रॉस-साइट अनुरोध जालसाजी सुरक्षा में मदद करता है।
  5. अनुरोध और प्रतिक्रिया परिवर्तन: अनुरोध और प्रतिक्रियाओं का कस्टम परिवर्तन।
  6. त्रुटि प्रबंधन: अन्य तरीकों की तुलना में सरलीकृत त्रुटि प्रबंधन।
  7. विस्तृत ब्राउज़र समर्थन: सभी आधुनिक ब्राउज़रों और Node.js में काम करता है।

प्रयोग

इसका उपयोग कहां किया जाता है

  • वेब एप्लिकेशन: बैक-एंड सेवाओं के साथ संचार करने के लिए।
  • Node.js एप्लिकेशन: अन्य एपीआई या सेवाओं के लिए HTTP अनुरोध करने के लिए।
  • मोबाइल एप्लिकेशन: रिएक्ट नेटिव जैसे फ्रेमवर्क के हिस्से के रूप में।

जहां यह विफल रहता है

  1. भारी अनुप्रयोग: मेमोरी खपत के कारण बहुत बड़े डेटा स्थानांतरण के लिए सर्वोत्तम नहीं हो सकता है।
  2. ब्राउज़र सीमाएं: जब तक CORS को ठीक से प्रबंधित नहीं किया जाता है, तब तक समान-मूल नीति प्रतिबंधों के अधीन।
  3. निर्भरता आकार: प्रबंधन के लिए अतिरिक्त निर्भरता, जो न्यूनतर परियोजनाओं के लिए चिंता का विषय हो सकती है।

इसका उपयोग क्यों किया जाता है

  • उपयोग में आसानी: HTTP अनुरोध करने के लिए सरल एपीआई।
  • लचीलापन: आसानी से कॉन्फ़िगर करने योग्य और विस्तार योग्य।
  • सामुदायिक सहायता: व्यापक रूप से अपनाया जाना और व्यापक सामुदायिक समर्थन।

इसका उपयोग क्यों नहीं किया जाएगा

  • लाइब्रेरी का आकार: एक और निर्भरता जोड़ने का ओवरहेड।
  • विकल्प: फ़ेच एपीआई या अनुरोध या सुपरएजेंट जैसी अन्य लाइब्रेरी के लिए प्राथमिकता।

इसका उपयोग कैसे किया जाता है

इंस्टालेशन

npm install axios

बुनियादी उपयोग

const axios = require('axios');

// Performing a GET request
axios.get('https://api.example.com/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error('Error fetching data:', error);
  });

टिप्पणियों के साथ विस्तृत उपयोग

const axios = require('axios');

// Create an instance of axios with default settings
const instance = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 1000,
  headers: { 'X-Custom-Header': 'foobar' }
});

// Interceptor to log request details
instance.interceptors.request.use(request => {
  console.log('Starting Request', request);
  return request;
});

// Interceptor to log response details
instance.interceptors.response.use(response => {
  console.log('Response:', response);
  return response;
});

// Making a POST request
instance.post('/user', {
  firstName: 'Fred',
  lastName: 'Flintstone'
})
  .then(response => {
    console.log('User created:', response.data);
  })
  .catch(error => {
    console.error('Error creating user:', error);
  });

दुरुपयोग के उदाहरण

  1. त्रुटि प्रबंधन को नजरअंदाज करना: त्रुटियों को ठीक से नहीं संभालने से एप्लिकेशन क्रैश हो सकता है।
axios.get('https://api.example.com/data')
  .then(response => {
    console.log(response.data);
  });
// Error handling should not be omitted
  1. सिंक्रोनस अनुरोधों के साथ कोड को ब्लॉक करना: एक्सियोस सिंक्रोनस अनुरोधों का समर्थन नहीं करता है, सिंक्रोनस व्यवहार की अपेक्षा करते हुए इसका उपयोग करना गलत है।

तरीकों

उदाहरण विधियाँ

  • axios(config)
  • axios(url[, config])

अनुरोध के तरीके

  • axios.request(config)
  • axios.get(url[, config])
  • axios.delete(url[, config])
  • axios.head(url[, config])
  • axios.options(url[, config])
  • axios.post(url[, data[, config]])
  • axios.put(url[, data[, config]])
  • axios.patch(url[, data[, config]])

सुविधा के तरीके

  • axios.all(पुनरावर्तनीय)
  • axios.spread(कॉलबैक)

उदाहरण बनाना

  • axios.create([config])

इंटरसेप्टर

  • axios.interceptors.request.use(onFulfield[, onRejected[, option]])
  • axios.interceptors.response.use(onFulfield[, onRejected[, option]])

कॉन्फ़िग डिफ़ॉल्ट

  • axios.defaults

रद्द करना

  • axios.रद्द करें
  • axios.CancelToken
  • axios.isरद्द करें

निष्कर्ष

एक्सियोस जावास्क्रिप्ट अनुप्रयोगों में HTTP अनुरोध करने के लिए एक मजबूत, उपयोग में आसान लाइब्रेरी है। यह अनुरोध और प्रतिक्रिया अवरोधन, स्वचालित JSON परिवर्तन और वादा-आधारित वास्तुकला जैसी सुविधाओं के साथ एक शक्तिशाली एपीआई प्रदान करता है। हालाँकि, इसकी सीमाओं को समझना और संभावित नुकसान से बचने के लिए इसका उचित उपयोग करना आवश्यक है।

विज्ञप्ति वक्तव्य यह आलेख यहां पुन: प्रस्तुत किया गया है: https://dev.to/l_thomas_7c618d0460a87887/axios-ndn?1 यदि कोई उल्लंघन है, तो कृपया इसे हटाने के लिए स्टडी_गोलंग@163.com से संपर्क करें।
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3