Basic: Using Async and Await with Axios

#frontend #axios #async #await

Axios is a promise based HTTP client for the browser and Node.js. Axios makes it easy to send asynchronous HTTP request to REST endpoints and execute CRUD operations. It is used in Javascript or with a framework such as Vue.

Get

const getResponse = async () => {
     try {
          const response = await axios.get('url')
     } catch(err) {
          console.log('err')
     }
}

Post

const createPost = async () => {
     const payload = {
          userid: 42,
          firstName: 'John',
          lastName: 'Doe'
     }

     try {
          // axios automatically serializes the payload to JSON.
          // no need to JSON.stringify({ userid: 42, ...})
          const res = await axios.post('url', payload)
     } catch(error) {
          console.log(error)
     }
}