WebStudio Not Rendering Images from Strapi (Self-Hosted) via GraphQL
WebStudio Not Rendering Images from Strapi (Self-Hosted) via GraphQL
At a glance
A community member is using Strapi and GraphQL to manage and fetch content for a project in WebStudio. They have successfully fetched and bound text content, but images do not render in WebStudio's Image Component, even though the image URLs are publicly accessible. The community member has confirmed the image URLs are correct, checked CORS settings in Strapi, and verified the firewall is allowing all application traffic, but the issue persists.
We’ve been working on a project for a month using the premium version of WebStudio, but we are now stuck with this issue.
I'm using Strapi (self-hosted on my local server with a public IP) along with GraphQL to manage and fetch content. I've successfully fetched and bound text content in WebStudio, but when binding images, they do not render in WebStudio’s Image Component. However, the images are accessible and display correctly when I visit the image URL directly in a browser.
What I've tried so far:
1.Confirmed that the image URLs are publicly accessible. 2.Checked CORS settings in Strapi to allow all origins. 3.Verified that the image URLs returned via GraphQL are correct. 4.Checked our firewall, which allowing all application.
