Kako popraviti neuspješno preusmjeravanje na Netlifyju

Netlify je besplatna platforma koju možete koristiti za hosting svoje web stranice. Jedna od značajki koje nudi je integracija s hostovima za kontrolu verzija kao što su GitHub i Bitbucket. Za hostiranje vaše web stranice koristi izvorni kod iz postojećeg spremišta.

Kada prvi put hostirate svoju web-lokaciju, možete naići na problem u kojoj je ne možete vidjeti pomoću njezinog URL-a. To se događa kada Netlify ne preusmjerava automatski na vaš indeks ili odredišnu stranicu.

Ovaj problem možete riješiti s malom konfiguracijom web-mjesta.

Hostiranje web stranice pomoću Netlifyja

Na Netlifyju možete koristiti različite tehnološke skupine Okvir temeljen na TypeScript, Angular, do generator statičkih stranica, Hugo. Na glavnoj stranici vašeg Netlify računa možete vidjeti popis svih web stranica koje hostirate. Također možete analizirati detalje o implementaciji ili izradi za svaku web stranicu.

Kada prvi put hostirate svoju web stranicu, morat ćete konfigurirati nekoliko postavki. To uključuje naredbu izgradnje i direktorij za objavljivanje. Pod pretpostavkom da su sve vaše konfiguracijske postavke točne, Netlify će tada pokrenuti implementaciju za hostiranje vaše stranice.

Neuspješna pogreška preusmjeravanja na Netlifyju

Netlify generira nasumično ime domene za vašu web stranicu. Ako je ovo prvi put da hostirate svoju web lokaciju, možda nećete moći vidjeti svoju web stranicu s ovog URL-a. Umjesto toga, možda ćete naići na pogrešku "Stranica nije pronađena".

Ova se pogreška može pojaviti kada niste naveli preusmjeravanja za svoju web stranicu. U ovom slučaju, kada otvorite URL svoje web stranice, Netlify ne zna na koju stranicu prvo preusmjeriti. Umjesto toga, prikazuje pogrešku 404, umjesto da prikazuje početnu stranicu.

Rješavanje problema s neuspjelim preusmjeravanjem

Možete stvoriti mnoga pravila preusmjeravanja na temelju HTTP statusni kod generiran u odgovoru na zahtjev. Da biste ispravili ovu određenu pogrešku, morat ćete navesti samo jedno pravilo preusmjeravanja. To će pravilo preusmjeriti zahtjeve na vašu početnu stranicu.

Preusmjerite na svoju početnu stranicu pomoću datoteke _redirects

Jedna od opcija je dodavanje pravila preusmjeravanja u a _preusmjerava datoteku u vašem direktoriju za objavljivanje.

1. Idite do direktorija za objavljivanje vašeg projekta, koji pohranjuje vaše izgrađene datoteke web-mjesta. Na primjer, u React aplikaciji, ovo bi bilo vaše javnost mapu. U aplikaciji Angular možete se kretati do src mapu (datoteke se kopiraju odavde na vaš dist mapa).
2. Napravite novu datoteku pod nazivom _redirects. Datoteka _redirects nema ekstenziju datoteke.
3. Dodajte pravilo preusmjeravanja za preusmjeravanje zahtjeva na svoju početnu stranicu. Na primjer, kod u nastavku će preusmjeriti zahtjeve na index.html:

   /* /index.html 200

4. Ako koristite Angular, također biste trebali dodati datoteku _redirects u imovina niz u vašem angular.json datoteka:

   {
   "imovina": [
   "src/favicon.ico",
   "src/imovina",
    {
   "glob": "_preusmjerava",
   "ulazni": "src",
   "izlaz": "/"
    }
    ]
   }

Odredite preusmjeravanja pomoću datoteke netlify.toml

Alternativno, također možete odrediti preusmjeravanja pomoću a netlify.toml datoteka.

1. Izradite datoteku netlify.toml u svom direktoriju za objavljivanje ili korijenskom direktoriju, ovisno o okviru koji koristite.
2. Dodajte pravilo za preusmjeravanje svih zahtjeva na svoju početnu stranicu.

   [[preusmjeravanja]]
    od = "/*"
    do = "/index.html"
    status = 200

Ponovno postavljanje vaše web stranice na Netlify

Nakon što postavite preusmjeravanje, svoju aplikaciju možete ponovno postaviti na Netlify.

1. Na vašoj web stranici Postavite stranicu na Netlifyju, kliknite na Postavke implementacije.
2. Provjerite jeste li konfigurirali ispravan direktorij za objavljivanje pod Postavke izgradnje.
3. Gurnite svoje nove promjene koda, uključujući datoteku _redirects ili netlify.toml, u svoje spremište.
4. To bi trebalo automatski pokrenuti implementaciju. Ako ne, idite na stranicu svoje web stranice na Netlifyju i kliknite na Pokreni okidač, i Postavite web-mjesto.
5. Pričekajte da se izgradnja završi.
6. Otvorite URL da biste vidjeli svoju web stranicu. Sada bi trebao preusmjeriti na vašu početnu stranicu.

Hostiranje vaše web stranice na mreži

Možete odrediti preusmjeravanja na svoju web stranicu tako da ih dodate u datoteku _redirects ili netlify.toml. Ovo će preusmjeriti zahtjeve na početnu stranicu vaše web stranice, a ne na pogrešku 404 Stranica nije pronađena.

Ako ne želite koristiti naziv domene koji Netlify generira, možete kupiti vlastiti naziv domene. Zatim možete konfigurirati taj naziv domene za rad s Netlifyjem. Postoji mnogo alata koje možete upotrijebiti da vam pomognu generirati naziv domene koji je pravi za vas.

11 najboljih savjeta koji će vam pomoći da odaberete najbolji naziv domene

Pročitajte dalje