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 .