[Vuejs]-Strapi image not rendering on my _slug.vue page using Nuxt

0👍

one way would be to have the head method in the page and use variable there

  • you do have access to the this and you could have
head() {
  return: {
    title: this.title 
    meta: [
        { 
          hid: `${this.title}-page-description`,
          description: `${this.article.descriptioin}`
        },
     ...
    ]
  }
}

0👍

sorry for the answer before (i was thinking somewhere else)

this is what you could do

  • create a computed property where you modify the actual URL of the images
computed: {
   updatedArticleImage() {
    return this.articles.image.url.split('/uploads/').join('YOUR STRAPI URL/uploads/')
   }
}

and use that as the actual content to add to your image :src

Leave a comment