Estoy trabajando en un proyecto Vue.js y Laravel donde Vue está dentro del directorio resources/js del proyecto Laravel.

Tengo un problema al cargar una imagen que acabo de colocar dentro del directorio resources/js/assets. Estoy usando una plantilla, por lo que ya hay pocas imágenes dentro de la carpeta, y cuando intenté cargar un nuevo archivo de imagen que acabo de colocar, la imagen no se cargará. Pero cuando traté de cargar la otra imagen (que es la imagen más antigua dentro del directorio), apareció la imagen. Estoy tratando de agregar la imagen como imagen de fondo de la página. Aquí está mi código para hacerlo.

HTML:

 <div class="page-header align-items-start min-vh-100" :style="{ backgroundImage: 'url(' + bgImage + ')' }">

Vue (JS):

 export default { name: "login", data() { return { bgImage: "/assets/img/office-dark.jpg" }; }

Probé cada nuevo archivo de imagen y fue entonces cuando ocurrió el problema (sin errores, la imagen simplemente no se cargará). Los archivos de imagen antiguos están bien. ¿Alguna sugerencia?