Fetch Async Data with Axios
In this lesson, we will switch to axios, which is a full-blown, promise-based HTTP client that both works in the browser and the Node environment.
Since we'll be pre-rendering our website in this course, Nuxt needs an HTTP client that also works server side.
Install axios with yarn
yarn add axios
Install axios with npm
npm install axios
LESSON TRANSCRIPT
Στο προηγούμενο βίντεο χρησιμοποιήσαμε Fetch για να δημιουργήσουμε τα δημιουργία από το API. Επομένως το Fetch είναι καλό για την πρωτοτυπία ή τα μικρά προϊόντια, μπορούμε να χρησιμοποιήσουμε ένας χειροκρότητας Http client, όπως ο Axios. Ο Axios είναι ένας μεγάλης λιβάρειας που χρησιμοποιώ όλη την ώρα και είναι επίσης ένας καλύτερος παράδειγμα για Next επειδή είναι ασφαλής με ένα μπροζόρ και το περιβάλλον Node. Επομένως, όταν χρησιμοποιείτε κόδιο στον εξοπλισμό, μπορείτε να το Μπορούμε να το υποχρεώσουμε και να το χρησιμοποιήσουμε στη χωριστή.
Αν δεν είσαι γνωστός με Axios, για να δημιουργήσουμε ένα GetRequest, χρησιμοποιείτε το Get Μέθοδο. Εντάξει εδώ, χρησιμοποιείτε το URL για το Get. Έχουμε αυτό ήδη, οπότε ας το βάλουμε εδώ. Όταν το σχέδιο είναι έτοιμο, Axios θα λειτουργήσει ένα αντιμετωπικό σχέδιο, όπου μπορούμε να δημιουργήσουμε το δίκαιο κάτω από το δίκαιο πρόβλημα.
Για εμάς, το δίκαιο αντιμετωπικό σχέδιο είναι τα πραγματικά σχέδ Ας κάνουμε το ίδιο για το post page. Ιμπορήστε Axios πρώτα και εδώ θα λέμε Axios Get, δώστε το URL και τότε καθαριστείτε το post στο response data. Και το post page δουλεύει καλά. Στο προηγούμενο βίντεο χρησιμοποιήσαμε Fetch για να δημιουργήσουμε τα δημιουργία από το API.
Επομένως το Fetch είναι καλό για την πρωτοτυπία ή τα μικρά προϊόντια, μπορούμε να χρησιμοποιήσουμε ένας χειροκρότητας Http client, όπως ο Axios. Ο Axios είναι ένας μεγάλης λιβάρειας που χρησιμοποιώ όλη την ώρα και είναι επίσης ένας καλύτερος παράδειγμα για Next επειδή είναι ασφαλής με ένα μπροζόρ και το περιβάλλον Node. Επομένως, όταν χρησιμοποιείτε κόδιο στον εξοπλισμό, μπορείτε να το Μπορούμε να το υποχρεώσουμε και να το χρησιμοποιήσουμε στη χωριστή. Αν δεν είσαι γνωστός με Axios, για να δημιουργήσουμε ένα GetRequest, χρησιμοποιείτε το Get Μέθοδο.
Εντάξει εδώ, χρησιμοποιείτε το URL για το Get. Έχουμε αυτό ήδη, οπότε ας το βάλουμε εδώ. Όταν το σχέδιο είναι έτοιμο, Axios θα λειτουργήσει ένα αντιμετωπικό σχέδιο, όπου μπορούμε να δημιουργήσουμε το δίκαιο κάτω από το δίκαιο πρόβλημα. Για εμάς, το δίκαιο αντιμετωπικό σχέδιο είναι τα πραγματικά σχέδ Ας κάνουμε το ίδιο για το post page.
Ιμπορήστε Axios πρώτα και εδώ θα λέμε Axios Get, δώστε το URL και τότε καθαριστείτε το post στο response data. Και το post page δουλεύει καλά.
This transcript is generated automatically from the lesson video. Spotted an inaccuracy? Let us know at team@vueschool.io.
