A sikertelen átirányítás javítása a Netlify-on

A Netlify egy ingyenes platform, amelyet webhelye tárolására használhat. Az egyik által kínált szolgáltatás a verzióvezérlő gazdagépekkel, például a GitHub-bal és a Bitbucket-tel való integráció. Egy meglévő tárhely forráskódját használja a webhely tárolására.

Amikor először tárolja webhelyét, olyan problémába ütközhet, hogy nem tudja megtekinteni az URL-címét. Ez akkor fordul elő, ha a Netlify nem irányít át automatikusan az indexre vagy a céloldalra.

Ezt a problémát egy kis webhelykonfigurációval javíthatja.

Webhely üzemeltetése a Netlify használatával

Különféle technológiai veremeket használhat a Netlify-on TypeScript-alapú keretrendszer, Angular, nak nek statikus helygenerátor, Hugo. Netlify-fiókja főoldalán megtekintheti az Ön által üzemeltetett webhelyek listáját. Le is részletezheti az egyes webhelyek telepítési vagy felépítési részleteit.

Amikor először tárolja webhelyét, konfigurálnia kell néhány beállítást. Ez magában foglalja a build parancsot és a közzétételi könyvtárat. Feltételezve, hogy az összes konfigurációs beállítás helyes, a Netlify elindítja a telepítést a webhely hosztolására.

Sikertelen átirányítási hiba a Netlify-on

A Netlify véletlenszerű domain nevet generál az Ön webhelyéhez. Ha ez az első alkalom, hogy webhelyét tárolja, előfordulhat, hogy nem tudja megtekinteni webhelyét erről az URL-ről. Ehelyett „Az oldal nem található” hibaüzenetet kaphat.

Ez a hiba akkor fordulhat elő, ha nem adott meg átirányításokat a webhelyéhez. Ebben az esetben, amikor megnyitja a webhely URL-jét, a Netlify nem tudja, hogy melyik oldalra irányítson át először. Ehelyett 404-es hibát szolgál ki, nem pedig a kezdőlapot jeleníti meg.

A sikertelen átirányítási probléma megoldása

Számos átirányítási szabályt hozhat létre a HTTP állapotkód kérésre adott válaszban generált. A hiba kijavításához csak egy átirányítási szabályt kell megadnia. Ez a szabály átirányítja a kéréseket a kezdőlapjára.

Átirányítás a kezdőlapra a _redirects fájl használatával

Az egyik lehetőség az átirányítási szabály hozzáadása a _redirects fájlt a közzétételi könyvtárában.

1. Keresse meg projektje közzétételi könyvtárát, amely tárolja az elkészített webhely fájljait. Például egy React alkalmazásban ez az Öné nyilvános mappát. Egy Angular alkalmazásban navigálhat a src mappa (a fájlok innen másolódnak a saját ker mappa).
2. Hozzon létre egy új fájlt _redirects néven. A _redirects fájlnak nincs kiterjesztése.
3. Adjon hozzá egy átirányítási szabályt a kérések átirányításához a kezdőlapjára. Az alábbi kód például átirányítja a kéréseket az index.html oldalra:

   /* /index.html 200

4. Ha Angular-t használ, akkor a _redirects fájlt is hozzá kell adnia a eszközöket tömb a tiédben szögletes.json fájl:

   {
   "eszközöket": [
   "src/favicon.ico",
   "src/assets",
    {
   "glob": "_redirects",
   "bemenet": "src",
   "Kimenet": "/"
    }
    ]
   }

Adja meg az átirányításokat a netlify.toml fájl használatával

Alternatív megoldásként megadhat átirányításokat az a netlify.toml fájlt.

1. Hozzon létre egy netlify.toml fájlt a közzétételi vagy a gyökérkönyvtárban, a használt keretrendszertől függően.
2. Adjon hozzá egy szabályt, amely az összes kérést átirányítja a kezdőlapjára.

   [[átirányítások]]
    from = "/*"
    hogy = "/index.html"
    állapot = 200

Webhelyének újratelepítése a Netlify-on

Miután beállította az átirányítást, újratelepítheti alkalmazását a Netlify-on.

1. A webhelyén Telepítés oldalt a Netlify-on, kattintson rá Telepítse a beállításokat.
2. Győződjön meg arról, hogy a megfelelő közzétételi könyvtárat állította be Építési beállítások.
3. Tolja el az új kódmódosításokat, beleértve a _redirects vagy a netlify.toml fájlt is, a tárhelyére.
4. Ennek automatikusan ki kell indítania a telepítést. Ha nem, keresse meg webhelye oldalát a Netlify-on, és kattintson a gombra Kioldó telepítés, és Telepítse a webhelyet.
5. Várja meg, amíg az építés befejeződik.
6. Webhelye megtekintéséhez nyissa meg az URL-t. Most át kell irányítania a kezdőlapjára.

Webhelye online tárolása

Megadhat átirányításokat a webhelyére, ha hozzáadja őket egy _redirects vagy netlify.toml fájlhoz. Ez a kéréseket a webhely kezdőlapjára irányítja át, nem pedig a 404-es oldal nem található hibaüzenetet.

Ha nem szeretné használni a Netlify által generált domain nevet, megvásárolhatja saját domain nevét. Ezután beállíthatja a tartománynevet, hogy működjön együtt a Netlify-val. Számos eszközt használhat az Ön számára megfelelő domain név létrehozásához.

A 11 legjobb tipp a legjobb domainnév kiválasztásához

Olvassa el a következőt