Nuxt and Strapi

Questions and Answers
1
System Information
  • Strapi Version: 3.4.3
  • Operating System: Ubuntu 20.04 on Vultr
  • Database: Mysql
  • Node Version: 14.15.1
  • NPM Version: 6.14.11
  • Yarn Version: 1.22.5

Hello everyone, wondering if anyone knows how to solve this issue i’m having with the nuxtjs/strapi plugin for Nuxt. On development i’m getting all the data i’m querying. However in production i’m getting issues with viewing images and attempting to pull a single item like a single post page it gets Failed to Fetch.

My Website Setup:

nuxtjs/strapi plugin for Nuxt
Nuxtjs for Frontend
Mysql Database
my images are coded on the frontend like so: <img :src="'example.com:1339' + works.image.url" :alt="works.name">
Attached is an image of what i’m talking about and url to my website that is having the issue.

Screenshot 2021-01-24 002421
Screenshot 2021-01-24 0024211594×751 10.2 KB

Sebastian hilton

2

Try works.image[0].url - its help me

1 Like
3

i figured out the issue, my images and single item pages are being blocked because of not having strapi install secured with https.

yes works.image[0].url works fine with multiple images but with one works.image.url worked for me now that i know why the images aren’t showing.