Question

Views

I have changed the images path from this src={../images/${props.data.coverImg}}

To this src={images/${props.data.coverImg}}

and the interesting thing is that when I install gh-pages, images are broken on local host-3000 but it displays on gh-pages.

I have stored images folder in public folder.

about 4 years ago · Juan Pablo Isaza

Answer question

Answer 1 · 2022-07-04T06:56:43.598Z

Try to add ./ before the img src:

 src={./images/${props.data.coverImg}}

I think there is a differnets in the way your browser rendering the url of the images, between localhost and a real environment.