Cómo arreglar una redirección fallida en Netlify

Netlify es una plataforma gratuita que puede utilizar para alojar su sitio web. Una de las características que ofrece es la integración con hosts de control de versiones como GitHub y Bitbucket. Utiliza el código fuente de un repositorio existente para alojar su sitio web.

Cuando aloja su sitio por primera vez, es posible que se encuentre con un problema en el que no pueda verlo usando su URL. Esto sucede cuando Netlify no redirige automáticamente a su índice o página de destino.

Puede solucionar este problema con un poco de configuración del sitio web.

Alojar un sitio web usando Netlify

Puede usar diferentes pilas de tecnología en Netlify desde Marco basado en TypeScript, Angular, a generador de sitio estático, Hugo. En la página principal de su cuenta de Netlify, puede ver una lista de todos los sitios web que está alojando. También puede profundizar para ver cualquier implementación o detalles de construcción para cada sitio web.

Cuando aloje su sitio web por primera vez, deberá configurar algunos ajustes. Esto incluye el comando de compilación y el directorio de publicación. Suponiendo que todos sus ajustes de configuración sean correctos, Netlify activará una implementación para alojar su sitio.

Error de redirecciones fallidas en Netlify

Netlify genera un nombre de dominio aleatorio para su sitio web. Si es la primera vez que aloja su sitio, es posible que no pueda ver su sitio web desde esta URL. En su lugar, puede encontrar un error de "Página no encontrada".

Este error puede ocurrir cuando no ha especificado redireccionamientos para su sitio web. En este caso, cuando abre la URL de su sitio web, Netlify no sabe a qué página redirigir inicialmente. En cambio, muestra un error 404, en lugar de mostrar la página de inicio.

Solucionar el problema de redireccionamiento fallido

Puede crear muchas reglas de redireccionamiento basadas en el Código de estado HTTP generado en la respuesta a una solicitud. Para corregir este error en particular, solo necesitará especificar una regla de redirección. Esa regla redirigirá las solicitudes a su página de inicio.

Redirigir a su página de inicio usando el archivo _redirects

Una opción es agregar la regla de redirección a un _redirecciones archivo en su directorio de publicación.

1. Navegue hasta el directorio de publicación de su proyecto, que almacena los archivos de su sitio web creado. Por ejemplo, en una aplicación React, esta sería su público carpeta. En una aplicación Angular, puede navegar a la origen carpeta (los archivos se copian desde aquí a su dist carpeta).
2. Cree un nuevo archivo llamado _redirects. El archivo _redirects no tiene una extensión de archivo.
3. Agregue una regla de redirección para redirigir las solicitudes a su página de inicio. Por ejemplo, el siguiente código redirigirá las solicitudes a index.html:

   /* /index.html 200

4. Si está utilizando Angular, también debe agregar el archivo _redirects al activos matriz en su angular.json expediente:

   {
   "activos": [
   "src/favicon.ico",
   "origen/activos",
    {
   "globo": "_redirecciones",
   "aporte": "origen",
   "producción": "/"
    }
    ]
   }

Especificar redireccionamientos utilizando el archivo netlify.toml

Alternativamente, también puede especificar redireccionamientos usando un netlify.toml expediente.

1. Cree un archivo netlify.toml en su directorio de publicación o directorio raíz, según el marco que esté utilizando.
2. Agregue una regla para redirigir todas las solicitudes a su página de inicio.

   [[redirecciona]]
    de = "/*"
    a = "/index.html"
    estado = 200

Reimplementación de su sitio web en Netlify

Una vez que haya configurado su redirección, puede volver a implementar su aplicación en Netlify.

1. En su sitio web Desplegar página en Netlify, haga clic en Configuración de implementación.
2. Asegúrese de haber configurado el directorio de publicación correcto en Configuración de compilación.
3. Envíe sus nuevos cambios de código, incluido el archivo _redirects o netlify.toml, a su repositorio.
4. Esto debería desencadenar automáticamente una implementación. De lo contrario, navegue a la página de su sitio web en Netlify y haga clic en Desencadenar Despliegue, y Implementar sitio.
5. Espera a que termine la compilación.
6. Abra la URL para ver su sitio web. Ahora debería redirigir a su página de inicio.

Alojamiento de su sitio web en línea

Puede especificar redireccionamientos a su sitio web agregándolos a un archivo _redirects o netlify.toml. Esto redirigirá las solicitudes a la página de inicio de su sitio web, en lugar de un error 404 Página no encontrada.

Si no desea utilizar el nombre de dominio que genera Netlify, puede comprar su propio nombre de dominio. Luego puede configurar ese nombre de dominio para que funcione con Netlify. Hay muchas herramientas que puede usar para ayudarlo a generar un nombre de dominio adecuado para usted.

Los 11 mejores consejos para ayudarlo a elegir el mejor nombre de dominio

Leer siguiente