Loading…

Joe Steinbring

Axios

A promise-based HTTP client for the browser and Node.js. It does the same job as the built-in fetch, with interceptors and error handling that fetch leaves to you.

I used Axios heavily from 2014 until ES6 was well supported in web browsers, when the built-in fetch() API largely removed the need for it.

Articles written
20
CodePen pens written
11
GitHub gists written
1
Official website
axios.rest
Age
12 years (since 2014)

Experience highlights

  • Handled requests, responses, errors, and loading states with it, including in Vue.js applications.
  • Moved to the browser’s native fetch() once it was widely supported, and wrote about when each is the better choice.

From the blog

Related writing

Articles from JWS News and DEV that relate to Axios.

  1. Do you really need Axios in your Vue app?

    Just about every vue demo that I have done on this blog has involved Axios. I am not sure that it is necessarily needed all the time, though. I wanted to take this blog post as an opportunity to see if it can be replaced with fetch.

  2. State Parks App: Mapping the park locations

    Earlier this year, we looked at Mapbox and how to use it to show a location on a map. I figured that now that we have a listing of park locations, it is time to look at mapping them. This might be a fairly brief post since everything that we are doing here has been…

  3. State Parks App: Let’s add Bulma and Sorting

    Last week, we finally got the park listing working and updated the instance at test.wisparks.jws.app. This week, I figured that we should add Bulma to the project and add sorting. So, let’s start by adding Bulma and cleaning the code up a little. That improves things quite a bit…

  4. State Parks App: Let’s try that again?

    Last week, I got all the way to the end before the damn Google Sheets API stopped working on me. This week, I figured that we would create a JSON file out of the spreadsheet, host it somewhere, and then just use that. I started by creating a CSV file from the Google Sheets docum…

  5. State Parks App: Let’s actually build something

    Previously, we built an API for the State Parks App, using Google Sheets and we set up hosting for the thing. The next step is to actually write the first bit of the thing. When we created the API, we also wrote a little vue.js proof of concept that loops over the data and outpu…

  6. How to sort a list of locations by how close they are to you

    One of the things that are most important to me for phase 1 of the state parks app is to have the list of parks be sorted by how far the user is from the park. After all, Tower Hill State Park might be interesting but if you live 4 hours away, you aren’t likely…

From CodePen and GitHub

Small, self-contained Axios examples that I published publicly.

  1. Auto-updating Background Image (using Vue.js and Axios)

    See it runningSee the code

  2. The script handling replies on @[email protected]

    See the code

  3. Axios / Vue.js 2 APIs v1

    See it runningSee the code

  4. Detecting the physical location by IP Address *OR* HTML5 geolocation

    See it runningSee the code

  5. Get a user's IP Address using just JavaScript (and an API call)

    See it runningSee the code

  6. How to calculate the distance between two points, using mapquest

    See it runningSee the code

  7. HTML5 Geolocation (how to get a street address)

    See it runningSee the code

  8. IP-Based Geolocation (how to get a street address)

    See it runningSee the code

  9. Sorting a list of locations by how for away they are: Part 1

    See it runningSee the code

  10. Sorting a list of locations by how for away they are: Part 2

    See it runningSee the code

  11. Sorting a list of locations by how for away they are: Part 3

    See it runningSee the code

  12. Wisc Parks (Part 10): Setting map markers by property type

    See it runningSee the code

View all of my pens on CodePenView all of my gists on GitHub

From GoToSocial

Related thoughts

Short posts about Axios, matched by topic hashtags.

  • #axios
Finding related thoughts…