Home > front end >  How to properly await Nuxt calls with async/await or .then
How to properly await Nuxt calls with async/await or .then

Time:11-06

Im trying to fetch an API using chaining with .then but I don't figure it out I try like:

async fetch() {
  let path = this.$nuxt.context.route.path

  this.response = await axios.get(
   `/api${path}`,
   
  {
    headers: {
      'X-AUTH-TOKEN': process.env.SECURE_TOKEN, 
      'Content-Type': 'application/json'
    }
  }
).then((res) => {
  this.results = res.data.content.slice(0,40);
    return results();
  })
  .then((res) => {
  this.results2 = res.data.content.slice(20,40);
    return results2();
  })
},

For my API data load: when results is finish /results2 start to load, for using it with $fetchState.pending

What will be the best way of doing it? I'm trying to adapt the answer enter image description here

  • Related