Nuxt3 images turn to 404 on page refresh

Hello I have a strange issue that I haven’t encountered before. I created a Nuxt3 app that has more images than I usually have on a site. I’m deploying with yarn generate the site loads fine and the images load initially. However, when I refresh the page the images encounter a 404 error. If i change the page and go back, the images come back.

Has anyone else encountered this?

I can’t believe I figured this out of a hunch but basically I just changed the image path by adding as / in the beginning.

So instead of images/image_name.png it needs to be /images/image_name.png

Hi, thanks for coming back and sharing your solution with the community! That’s awesome.