Building And Deploying a Vue.js Application Using Strapi on Render

4

I was facing a similar problem. The structure of the response was slightly off from the tutorial, which is why it wasn’t working for me.

Add a console.log(this.planeitems) to inspect the response structure of the fetch

  .then((data) => {
    this.planeitems = data
    console.log(this.planeitems)
  });

A couple things I had to change to make mine work:

  • Instead of v-bind:key=“planeitem.index” try v-bind:key=“planeitem.id”
  • Instead of mounted() try created() as the lifecycle method
  • Instead of this.planeitems = data try this.planeitems = data.data
  • Instead of {{planeitem.description}} try {{planeitem.attributes.description}}

Good luck :+1: