Почему nuxt.js не находит картинку по одному и тому же пути?

При таком коде всё работает хорошо:

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

а при таком:
<img :src="String(recipe.image)" alt="Нет фото"> выдаёт ошибку:

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

Я достаю путь изображения из БД и он совершенно такой же, по которому находится картинка. Но когда пишу :src он ищет почему-то в URL "recipes". Это можно как-нибудь исправить?