Part 4: HTTP&Axios

Step 1: fetch hostels from an API with AXIOS

When the HostelList component is created, fetch an API to return the hostels. API link:

If you don't know which event is the most appropriate, checkout the Lifecycle diagram.


  • You can install axios like the following:
    npm install axios
    (there is also some examples on the GitHub readme)
  • You can store variable in config/prod.env.js file and access to this variable with process.env.NODE_ENV. Check official documentation about Environment Variables.
  • You can use a lifecycle hook like this
    export default {
      data () {
        return {
          // ...
      created () {
        console.log('I just get mounted!')

results matching ""

    No results matching ""