La imagen de Nuxt sigue fallando en el cambio de página

Tengo una imagen que se muestra en mi página de Nuxt, pero cada vez que me alejo de ella, la imagen se rompe y no sé por qué.

tengo esto en mi codigo

<img:src="baseUrl + 'storage/'+ front.featured_image" alt="post-title" />

y mi guion

data: () => ({
 frontpage: [],
 baseUrl: process.env.BASE_URL
}),
async asyncData({ $axios }) {
 const response = await $axios.get('/api/frontpage')
 return { frontpage: response.data.posts }
},

Tengo un .envarchivo y tengo lo siguiente dentro BASE_URL=http://localhost/y también tengo lo siguiente dentronuxt.config.js

env:{
 baseUrl: process.env.BASE_URL || 'http://localhost/'
}

My API is built using laravel and it is loading from http://localhost/ but Nuxt keeps going back to localhost:3000 on page change.

Solución del problema

You can check my previous answer here: https://stackoverflow.com/a/67705541/8816585

esto puede ayudar

export default {
 publicRuntimeConfig: {
 baseUrl: process.env.BASE_URL,
 },
}

De lo contrario, ¡esta configuración de Axios también puede ayudar!