2017-23 @ Fabio Franchino

How to read the content-type of the response using axios library

Posted on October 16, 2022

Here the way to read the Content-Type of the network response using Axios js library:

import axios from 'axios'

axios(someUrl).then(res => {
  const {data, headers} = res
  const ext = headers['content-type']
  
  // it's a text file
  if(ext.indexOf('text/')>=0){
    // do something
  }
})

Or if you are in async function:

import axios from 'axios'

const res = await axios(someUrl)
const {data, headers} = res
const ext = headers['content-type']
  
// it's a text file
if(ext.indexOf('text/')>=0){
  // do something
}

I use it to decide what to do after the fetch, since it can be both a CSV file or a JSON one.

← How to check if an iframe is loaded in a Vue 3 component
How to read the current route in a Vue 3 component →