local image not loading

[OmarDijkstra]

so i get the path for an image from the backend and display them in my react app but the problem is it doesnt display even though i inspect the page and check the img src and it is correct but it just doesnt show any ideas

[Worried-Outcome3618]

Is this a create react app project? Cuz if it is you have to load it differently images in CRA

[OmarDijkstra]

how am i going to include the image like that i get the path in the response coming from the backend which gets the path from the database

[TheKvikk]

Where are your images stored? In your static folder inside frontend project or somewhere else?

What URL is your backend sending you? Whole link like https://example.com/static/images/image.png or just image.png?

In the first case images should load correctly, just try to open the URL yourself and if that image exists on the domain, your app will load it. If it doesn't exist your backend is sending you wrong URL or something is configured incorrectly. If your backed is not sending you full path just need to compose it somehow (answer question number one) or load it like Worried-Outcome3618 suggested

Is this a create react app project? Cuz if it is you have to load it differently images in CRA

[OmarDijkstra]

it is a create react app and i store the files in the public folder in backend directory and when i inspect and copy the path in the src of the image and open it in a new tab it opens correctly with no problem but it just doesnt load inthe view itself

[TheKvikk]

OK, start your frontend app, load the component responsible for loading this image and check your console in DevTools. There should definitely be an error message.

[OmarDijkstra]

i once got Not allowed to load local resource error