Tengo un proyecto vue.js donde reproduzco archivos de audio que están almacenados en mi carpeta pública:

Anteriormente, pude acceder y reproducir estos archivos como tales:

 path = 'recordings/Behar/weekday/1.mp3' this.audio = new Audio(path); this.audio.play()

Pero después de agregar el vue-router en main.js :

 const routes = [ { path: '/', component: Controller }, { path: '/date/:date', component: Controller }, { path: '/date/:date/aliyah/:aliyah', component: Controller }, { path: '/date/:date/aliyah/:aliyah/verse/:verse', component: Controller }, ] const router = new VueRouter({ mode: 'history', routes // short for `routes: routes` }) Vue.use(VueRouter) Vue.config.productionTip = false new Vue({ router, vuetify, render: h => h(App) }).$mount('#app')

Cuando intento reproducir estas grabaciones, veo este mensaje:

Uncaught (in promise) DOMException: Failed to load because no supported source was found.

Creo que de alguna manera agregar el vue-router ha estropeado mi acceso a la carpeta pública.

¿Por qué ya no puedo acceder a la carpeta pública y cómo (y en todo caso) ha cambiado eso vue-router?