Tartalék útvonalak konfigurálása

  • 2 perc

Az előtér-alkalmazás rendelkezik egy /products ügyféloldali útvonallal, amely a bevásárlólistán szereplő termékek listáját jeleníti meg. Amikor az alkalmazásban a Termékek hivatkozásra kattintva a /products elemre lép, a böngésző címsora megerősíti, hogy a /products helyen van. Azt szeretné, hogy amikor ezen a lapon frissíti a böngészőt, az alkalmazás végezzen frissítést, és újból jelenítse meg a termékeket. Tartalék útvonal nélkül azonban egy 404-es hiba jelenik meg, amely szerint az oldal nem található.

Azért jelenik meg 404-es hibaüzenet a lap frissítésekor, mert a böngésző arra vonatkozó kérelmet küld az üzemeltető platformnak, hogy szolgáltassa a /products lapot. A kiszolgáló által elnevezett termékeknek azonban nincs kiszolgálandó oldala.

Szerencsére könnyű megoldani ezt a problémát egy tartalék útvonal létrehozásával. A tartalék útvonal egy olyan útvonal, amely párosítja az összes nem egyező oldalkérést a kiszolgálóval.

Tartalék útvonal konfigurálása

Az Azure Static Web Apps támogatja az alkalmazás forrásmappájában található opcionális staticwebapp.config.json fájlban definiált egyéni útválasztási szabályokat. A navigációsFallback objektumban megadhat egy navigációs tartalék útvonalat. Egy gyakori tartalék útvonal-konfiguráció az alábbi példához hasonlóan néz ki.

{
  "navigationFallback": {
    "rewrite": "/index.html",
    "exclude": ["/_framework/*", "/css/*"]
  }
}
Beállítás Value Description
Átírják /index.html Az a fájl, amely akkor lesz kiszolgálva, ha egy útvonal nem egyezik más fájlokkal.
kizárás ["/_framework/*", "/css/*"] A tartalék útválasztásból figyelmen kívül hagyandó elérési út(ok).

A rendszer a statikuswebapp.config.json fájlban megjelenő egyéb útválasztási szabályok után alkalmazza a navigációs tartalék szabályt .

Útvonalfájl helye

A staticwebapp.config.json ajánlott helye a munkafolyamat-fájlban megadott app_location mappában található. A fájl azonban bármely helyre elhelyezhető az alkalmazás forráskódmappájában.