Server side data aquisition using nuxt and axios with authorization

index.vue

<template>
  <div>
    <div v-for="item in items" :key="item.id">
      {{ item.name }}
    </div>
  </div>
</template>

<script> 

export default {
  data: ()=>({
    items: []
  }),
  asyncData({$axios, route}){ // you have access to $axios instance if you are using nuxt axios module
    return $axios.get(`/api/v2/cavemaps/`, {params: route.query}).then( (resp) => { // use query params if you need
      // console.log(resp) // inspect response if you need
      if(resp.status==200){
        return {items: resp.data.results}
      }
    })
  }
}
</script>