# Nuxt-img - Image urls problem

**URL:** <https://answers.netlify.com/t/nuxt-img-image-urls-problem/85733>\
**Category:** Support\
**Tags:** building\
**Created:** [February 17, 2023, 4:36pm UTC](https://answers.netlify.com/t/nuxt-img-image-urls-problem/85733 "2023-02-17T16:36:49Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![michal-stachura](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/michal-stachura/32/47992_2.png) [@michal-stachura](https://answers.netlify.com/u/michal-stachura)\
**Post date:** [February 17, 2023, 4:36pm UTC](https://answers.netlify.com/t/nuxt-img-image-urls-problem/85733/1 "2023-02-17T16:36:49Z")

</div>

website: [https://profound-madeleine-1c69eb.netlify.app/corporations/a54441df-9946-48b5-9834-dd63d39faf99](https://profound-madeleine-1c69eb.netlify.app/corporations/a54441df-9946-48b5-9834-dd63d39faf99)

website “Secret” Bloodtide123

Hi guys.

Im using component just like you describe it on [Nuxt Image is here! And it's a game changer](https://www.netlify.com/blog/2021/06/11/nuxt-image-is-here-and-its-a-game-changer/)

```auto
<nuxt-img
        v-if="props.iconsOnly"
        :src="`/images/${$slugify(attribute.name)}.png`"
        loading="lazy"
      />

```

my image files are placed in /public directory but it doesn’t work :src property is generated like: `/_ipx/_/images/dual-laser.png` but right address should be `/images/dual-laser.png`

The question is how to implement it right?

As workaround I did a change in component and add `../../` to image path but well… this is not nice workaround 🙂

Regards  
MS

---

<div class="post-metadata">

**Author:** ![hrishikesh](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/hrishikesh/32/74607_2.png) [@hrishikesh](https://answers.netlify.com/u/hrishikesh)\
**Post date:** [February 19, 2023, 2:45pm UTC](https://answers.netlify.com/t/nuxt-img-image-urls-problem/85733/2 "2023-02-19T14:45:02Z")

</div>

Hi @michal-stachura,

Could you provide a minimal reproduction as a repo please?

---

<div class="post-metadata">

**Author:** ![michal-stachura](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/michal-stachura/32/47992_2.png) [@michal-stachura](https://answers.netlify.com/u/michal-stachura)\
**Post date:** [February 27, 2023, 11:53am UTC](https://answers.netlify.com/t/nuxt-img-image-urls-problem/85733/3 "2023-02-27T11:53:04Z")

</div>

Hi @hrishikesh and sorry for delay 🙂

I’ve reproduced issue with minimal app here: [https://heroic-mandazi-8e8b17.netlify.app/](https://heroic-mandazi-8e8b17.netlify.app/)  
The repository for this app you can find here: [GitHub - michal-stachura/examples-images-issue](https://github.com/michal-stachura/examples-images-issue)

---

<div class="post-metadata">

**Author:** ![hrishikesh](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/hrishikesh/32/74607_2.png) [@hrishikesh](https://answers.netlify.com/u/hrishikesh)\
**Post date:** [March 2, 2023, 3:08pm UTC](https://answers.netlify.com/t/nuxt-img-image-urls-problem/85733/4 "2023-03-02T15:08:58Z")

</div>

Hey @michal-stachura,

Did you try using `nuxt generate`? Nuxt Image won’t work for server-side rendering on Netlify: [Netlify | Nuxt Image](https://image.nuxtjs.org/providers/netlify)

---

<div class="post-metadata">

**Author:** ![michal-stachura](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/michal-stachura/32/47992_2.png) [@michal-stachura](https://answers.netlify.com/u/michal-stachura)\
**Post date:** [March 3, 2023, 10:14am UTC](https://answers.netlify.com/t/nuxt-img-image-urls-problem/85733/5 "2023-03-03T10:14:17Z")

</div>

It is working with right provider configuration like:

```auto
image: {
    provider: 'netlify',
    netlify: {
      baseURl: process.env.IMAGES_URL
    }
  }

```

---

<div class="post-metadata">

**Author:** ![SamO](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/samo/32/41847_2.png) [@SamO](https://answers.netlify.com/u/SamO)\
**Post date:** [March 6, 2023, 2:15pm UTC](https://answers.netlify.com/t/nuxt-img-image-urls-problem/85733/7 "2023-03-06T14:15:40Z")

</div>

Thanks for sharing this with the community @michal-stachura

---

<div class="post-metadata">

**Author:** ![bitmonx](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/bitmonx/32/57521_2.png) [@bitmonx](https://answers.netlify.com/u/bitmonx)\
**Post date:** [December 27, 2023, 12:07pm UTC](https://answers.netlify.com/t/nuxt-img-image-urls-problem/85733/8 "2023-12-27T12:07:03Z")

</div>

Hey guys,  
I am facing the same issue. Unfortunately this solution won’t work anymore, because Netlify’s large media service is deprecated now. Does anyone have an idea, how to fix it?  
Thx your help!

---

<div class="post-metadata">

**Author:** ![hrishikesh](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/hrishikesh/32/74607_2.png) [@hrishikesh](https://answers.netlify.com/u/hrishikesh)\
**Post date:** [December 27, 2023, 12:07pm UTC](https://answers.netlify.com/t/nuxt-img-image-urls-problem/85733/9 "2023-12-27T12:07:51Z")

</div>

Netlify now has Image CDN that should be used instead of Large Media: [Netlify Image CDN | Netlify Docs](https://docs.netlify.com/image-cdn/overview/)