Как заставить Nuxt Image работать с изображениями из папки assets?

Question

[photosho]

Как заставить Nuxt Image работать с изображениями из папки "assets"?

Если я укажу такой путь к изображению:

<NuxtImg src="~/assets/images/header.jpg" format="webp"/>

То итоговый путь в барузере будет таким:

http://localhost:3000/_ipx/f_webp/~/assets/images/header.jpg

И из-за этого он не видит изображения. Можно как-то это исправить?

Answer 1

[Aetae]

С одной стороны для кастомных компонентов тебе потребовался бы transformAssetUrls. Однако открыв доки я вижу там:

Converts src to provider optimized URLs

В связи с чем вопрос: а путь то такой вообще работает?
Что будет в img если ты делаешьimport img from '~/assets/images/header.jpg'?

Comments

[photosho]

Да, путь работает. Если я меняю тег "NuxtImg" на "Img", то изображение появляется. А вот изображения, загружаемые с другого домена, работают и через "NuxtImg".

> Что будет в img если ты делаешь

В img: /_nuxt/assets/images/header.jpg

[Aetae]

photosho, я почитал дальше докуметацию:

src should be in the form of an absolute path for static images in public/ directory. Otherwise path that is expected by provider that starts with / or a URL.

Оно в принципе умеет работать только с картинками лежащими в /public, никаких относительных путей не предусмотрено. Странно конечно, но такие дела.

[photosho]

Aetae, жаль, если так. Спасибо за помощь.