Vue.js का उपयोग करके API के साथ संचार करना Axios: मार्गदर्शिका और उदाहरण

Vue.js के साथ, Axios क्लाइंट HTTP को तुरंत डाउनलोड करने के लिए HTTP पर क्लिक करें और एपीआई पर क्लिक करें। Vue.js के साथ एपीआई डाउनलोड करने के लिए अपना समय देखें Axios:

  1. यह ठीक है Axios: Axios एक Vue.js पर वापस आने के लिए कुछ भी नहीं। एनपीएम होक यार्न को जोड़ने के लिए, एक बार में एक बार में बहुत सारे धागे खरीदें । npm install axios yarn add axios

  2. उत्तर Axios: एपीआई के बारे में जानकारी प्राप्त करने के लिए आपको जो कुछ भी चाहिए वह प्राप्त Axios करें । import axios from 'axios'

  3. एपीआई पर क्लिक करें: एपीआई पर HTTP Axios पर क्लिक करें । एक एपीआई के रूप में एक यूआरएल प्राप्त करें जो आपके लिए उपयोगी हो, और आपके पास जो कुछ भी हो वह आपके लिए सही हो। गाया. axios.get() axios.post() axios.put()

  4. एक बार जब आप वादा करते हैं, तो Axios आप .then() एपीआई पर एक नज़र डालते हैं। यह सच है कि यह आपके लिए बहुत अच्छा है response.data

  5. Xử lý lỗi: Để xử lý lỗi, sử dụng phung thức .catch() sau khối .then() । सच तो यह .catch() है, लेकिन यह सच है कि आप इसे खरीद सकते हैं error

  6. व्यू: कुछ समय पहले, आपको एपीआई के बारे में जानकारी होनी चाहिए व्यू, एनएच मुझे यह याद रखना चाहिए कि मेरे पास एक अच्छा पैसा है created() । आपके पास जो एपीआई है वह आपके लिए बहुत उपयोगी है।

Axios Vue.js से अधिक एपीआई प्राप्त करने के लिए एक और एप्लिकेशन डाउनलोड करें:

import axios from 'axios';  
  
export default {  
  data() {  
    return {  
      users: [],  
    };  
  },  
  created() {  
    axios.get('https://api.example.com/users')  
      .then(response => {  
        this.users = response.data;  
      })  
      .catch(error => {  
        console.error(error);  
      });  
  },  
};

आपको यह देखने की ज़रूरत है कि आप एपीआई से क्या प्राप्त कर सकते हैं और अपना फोन कैसे प्राप्त कर सकते हैं मेरे पास एक और फोन है users

एक बार जब Axios आप Vue.js पर क्लिक करते हैं, तो एपीआई पर क्लिक करें और Vue.js पर क्लिक करें। आपको अभी भी अपने काम को पूरा करने की आवश्यकता है।