Come risolvere un reindirizzamento non riuscito su Netlify

Netlify è una piattaforma gratuita che puoi utilizzare per ospitare il tuo sito web. Una delle funzionalità che offre è l'integrazione con host di controllo della versione come GitHub e Bitbucket. Utilizza il codice sorgente da un repository esistente per ospitare il tuo sito web.

Quando ospiti per la prima volta il tuo sito, potresti riscontrare un problema per cui non sei in grado di visualizzarlo utilizzando il suo URL. Ciò accade quando Netlify non reindirizza automaticamente al tuo indice o pagina di destinazione.

Puoi risolvere questo problema con una piccola configurazione del sito web.

Hosting di un sito Web utilizzando Netlify

Puoi utilizzare diversi stack tecnologici su Netlify da Framework basato su TypeScript, Angular, a generatore di siti statici, Hugo. Nella pagina principale del tuo account Netlify, puoi visualizzare un elenco di tutti i siti Web che stai ospitando. Puoi anche eseguire il drill-down per visualizzare eventuali dettagli di distribuzione o build per ciascun sito Web.

Quando ospiti per la prima volta il tuo sito web, dovrai configurare alcune impostazioni. Ciò include il comando build e la directory di pubblicazione. Supponendo che tutte le impostazioni di configurazione siano corrette, Netlify attiverà quindi una distribuzione per ospitare il tuo sito.

Errore di reindirizzamento non riuscito su Netlify

Netlify genera un nome di dominio casuale per il tuo sito web. Se è la prima volta che ospiti il ​​tuo sito, potresti non essere in grado di visualizzare il tuo sito web da questo URL. Invece, potresti riscontrare un errore "Pagina non trovata".

Questo errore può verificarsi quando non hai specificato i reindirizzamenti per il tuo sito web. In questo caso, quando apri l'URL del tuo sito Web, Netlify non sa a quale pagina reindirizzare inizialmente. Serve invece un errore 404, invece di visualizzare la home page.

Risoluzione del problema di reindirizzamento non riuscito

Puoi creare molte regole di reindirizzamento basate su Codice di stato HTTP generato nella risposta a una richiesta. Per correggere questo particolare errore, dovrai solo specificare una regola di reindirizzamento. Questa regola reindirizzerà le richieste alla tua home page.

Reindirizza alla tua home page usando il file _redirects

Un'opzione è aggiungere la regola di reindirizzamento a _reindirizzamenti file nella directory di pubblicazione.

1. Passa alla directory di pubblicazione del tuo progetto, che memorizza i file del tuo sito Web creato. Ad esempio, in un'app React, questo sarebbe il tuo pubblico cartella. In un'app Angular, puoi accedere a src cartella (i file vengono copiati da qui nel tuo dist cartella).
2. Crea un nuovo file chiamato _redirect. Il file _redirects non ha un'estensione di file.
3. Aggiungi una regola di reindirizzamento per reindirizzare le richieste alla tua home page. Ad esempio, il codice seguente reindirizzerà le richieste a index.html:

   /* /indice.html 200

4. Se stai usando Angular, dovresti anche aggiungere il file _redirects al file risorse array nel tuo angolare.json file:

   {
   "risorse": [
   "src/favicon.ico",
   "src/asset",
    {
   "globo": "_reindirizzamenti",
   "ingresso": "src",
   "produzione": "/"
    }
    ]
   }

Specificare i reindirizzamenti utilizzando il file netlify.toml

In alternativa, puoi anche specificare i reindirizzamenti utilizzando a netlify.toml file.

1. Crea un file netlify.toml nella directory di pubblicazione o nella directory principale, a seconda del framework che stai utilizzando.
2. Aggiungi una regola per reindirizzare tutte le richieste alla tua home page.

   [[reindirizza]]
    da = "/*"
    a = "/index.html"
    stato = 200

Ridistribuire il tuo sito Web su Netlify

Dopo aver impostato il reindirizzamento, puoi ridistribuire la tua app su Netlify.

1. Sul tuo sito web Distribuire pagina su Netlify, fare clic su Impostazioni di distribuzione.
2. Assicurati di aver configurato la directory di pubblicazione corretta in Impostazioni di costruzione.
3. Invia le nuove modifiche al codice, incluso il file _redirects o netlify.toml, nel tuo repository.
4. Questo dovrebbe attivare automaticamente una distribuzione. In caso contrario, vai alla pagina del tuo sito Web su Netlify e fai clic su Attivazione della distribuzione, e Sito di distribuzione.
5. Aspetta che la costruzione finisca.
6. Apri l'URL per visualizzare il tuo sito web. Ora dovrebbe reindirizzare alla tua home page.

Ospitare il tuo sito web online

Puoi specificare i reindirizzamenti al tuo sito web aggiungendoli a un file _redirects o netlify.toml. Ciò reindirizzerà le richieste alla home page del tuo sito Web, anziché a un errore 404 Pagina non trovata.

Se non desideri utilizzare il nome di dominio generato da Netlify, puoi acquistare il tuo nome di dominio. Puoi quindi configurare quel nome di dominio per funzionare con Netlify. Ci sono molti strumenti che puoi utilizzare per aiutarti a generare un nome di dominio adatto a te.

Gli 11 migliori consigli per aiutarti a scegliere il miglior nome di dominio

Leggi Avanti