javascript - with - Firebase reescribe en una sola página la aplicación VueJS en la subcarpeta

vue js firebase realtime database

Question

Fondo

Tengo un sitio que está estructurado de esta manera:

root
— /public
— index.html <— landing page
— 404.html
— /library
— index.html <— single page VueJS app

La aplicación de una sola página se encuentra aquí: https://uxtools-3ac6e.firebaseapp.com/library/

Aquí está mi firebase.json:

{
"database": {
"rules": "database.rules.json"
},
"hosting": {
"public": "public",
"rewrites": [
{
"source": "/library/*",
"destination": "/library/index.html"
}
]
}
}

El problema

Cuando la aplicación comience a enrutar a rutas secundarias, como https://uxtools-3ac6e.firebaseapp.com/library/lists/order-group-best-sources-learn-ux , una actualización redirigirá a 404 en lugar de a la biblioteca / índice .html.

Answer 1

Necesitas usar un globo de doble estrella para unir:

"source": "/library/**"

La estrella única solo coincidirá con una barra inclinada, por lo que coincidiría con /library/lists pero no con /library/lists/foo .