-
Link to reproductionNo response Payload Version3.0.0-beta.36 Node Versionv21.4.0 Next.js Version15.0.0-rc.0 Describe the BugI can't fetch images from the local api and display them in an component In dev mode everything works fine
And it works just fine. The But when i deployed it to Vercel when going to https://starbucks-clone-orpin.vercel.app/api/media/file/137-92091.jpeg the image loads but when the Reproduction StepsRepository : https://github.com/poofy25/starbucks-clone
Adapters and Plugins@payloadcms/storage-uploadthing |
Beta Was this translation helpful? Give feedback.
Replies: 3 comments 3 replies
-
I'm getting the same error when trying to display images in a Vercel deployment using a Supabase S3 bucket. Any solutions? |
Beta Was this translation helpful? Give feedback.
-
So i found a workaround for this issue all you gotta do is add the website url in the image src path Before: After |
Beta Was this translation helpful? Give feedback.
-
Hey all, yes, as @poofy25 said, on your frontend, I believe you need to pass full URLs to the |
Beta Was this translation helpful? Give feedback.
So i found a workaround for this issue all you gotta do is add the website url in the image src path
For example
Before:
<Image src={image.url} ...>
After
<Image src={
${process.env.WEBSITE_URL}${image.url}
} />