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 archivo .env y dentro de él tengo lo siguiente BASE_URL=http://localhost/ y también tengo lo siguiente dentro nuxt.config.js

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

Mi API está construida usando laravel y se carga desde http://localhost/ pero Nuxt sigue volviendo a localhost:3000 en el cambio de página.