Why doesn't nuxt.js find the image in the same path?

Question

JavaScript

With this code everything works fine:

<img src="~/assets/img/recipes_lvl1.png" alt="Нет фото">

while doing this it gives an error:
<img :src="String(recipe.image)" alt="Нет фото">

{ statusCode: 404,
  path: '/recipes/~/assets/img/recipes_lvl1.png',
  message: 'This page could not be found' }

I get the image path from the database and it is exactly the same as the image. But when I write :src it looks for some reason in the URL "recipes". Can this be fixed somehow?

Answer 1

I have no idea why nuxt puts the wrong path. But I solved the problem by moving the img folder from assets to the static folder and changing the path to the image to "img/recipes_lvl1.png"