Nuxt•2y ago

Trouble with dynamic assets

I'm trying to dynamically fetch assets but there seems to be an issue with Vite. I've tried a lot of different variations, but none seem to work. Is there any Vite config I have to do? Some of the variations I've tried:

<img :src="`~/assets/${step.img}`" />
<img :src="`~assets/${step.img}`" />
<img :src="`@/assets/${step.img}`" />
<img :src="`assets/${step.img}`" />
<img :src="`/assets/${step.img}`" />

<img :src="`~/assets/${step.img}`" />
<img :src="`~assets/${step.img}`" />
<img :src="`@/assets/${step.img}`" />
<img :src="`assets/${step.img}`" />
<img :src="`/assets/${step.img}`" />

5 Replies

Unknown User•2y ago

Message Not Public

HelgiOP•2y ago

I was hoping to understand how I could dynamically access images in the assets folder instead of using an alternate approach. Or does this mean that accessing images from the assets folder is not a nuxt3 thing?

Unknown User•2y ago

Message Not Public

HelgiOP•2y ago

Ok, so the public folder is the way to go. But out of curiosity, how would I reconfigure Vite to allow this?

Unknown User•2y ago

Message Not Public

Gaming

Programming

Trouble with dynamic assets