Common Issues
ui
Images Not Showing in My AI App
Your app shows broken image icons, placeholder rectangles, or blank spaces where images should be. Image uploads might fail, or previously working images stopped displaying.
Error Messages You Might See
403 Forbidden
404 Not Found
Access Denied
CORS policy: No 'Access-Control-Allow-Origin' header
Common Causes
- Image paths are relative and break after deployment
- Storage bucket permissions are wrong (images uploaded but not publicly accessible)
- CORS blocking image requests from your domain
- Image upload function saves to local filesystem which doesn't persist on serverless platforms
- Missing or wrong storage configuration in environment variables
How to Fix It
- Right-click the broken image and open it in a new tab — check if the URL returns a 404 or access denied
- If using Supabase Storage, check that the bucket is set to public (or has proper RLS)
- Verify that image URLs use absolute paths, not relative ones
- If images were working locally, check if your deployment platform supports persistent file storage
- Check the browser console for CORS or 403 errors on image requests
Real developers can help you.
Describe what's wrong in plain English. No technical knowledge needed.
Get HelpFrequently Asked Questions
Images work locally but not after deploy. Why?
Your app probably saves images to the local filesystem, which doesn't persist on most hosting platforms. You need cloud storage like Supabase Storage or AWS S3.
I uploaded an image but it shows access denied. What's wrong?
Your storage bucket probably isn't set to public. Check the bucket permissions in your storage provider's dashboard.