Firebase在子文件夹中的单页VueJS应用程序中重写

Question

Background

I have a site that is structured like this:

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

The single page app is found here: https://uxtools-3ac6e.firebaseapp.com/library/

Here's my firebase.json:

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

The Problem

When the app begins to route to sub paths, like https://uxtools-3ac6e.firebaseapp.com/library/lists/order-group-best-sources-learn-ux , a refresh will redirect to 404 instead of library/index.html.

Answer 1

You need to use a double-star glob to match:

"source": "/library/**"

The single-star will only match up to a slash, so it would match /library/lists but not /library/lists/foo .