Como corrigir um redirecionamento com falha no Netlify

Netlify é uma plataforma gratuita que você pode usar para hospedar seu site. Um dos recursos que oferece é a integração com hosts de controle de versão como GitHub e Bitbucket. Ele usa o código-fonte de um repositório existente para hospedar seu site.

Ao hospedar seu site pela primeira vez, você pode se deparar com um problema em que não consegue visualizá-lo usando seu URL. Isso acontece quando o Netlify não redireciona automaticamente para seu índice ou página de destino.

Você pode corrigir esse problema com um pouco de configuração do site.

Hospedando um site usando Netlify

Você pode usar diferentes pilhas de tecnologia no Netlify de Estrutura baseada em TypeScript, Angular, para gerador de site estático, Hugo. Na página principal da sua conta Netlify, você pode ver uma lista de todos os sites que está hospedando. Você também pode detalhar para ver os detalhes de implantação ou compilação de cada site.

Ao hospedar seu site pela primeira vez, você precisará definir algumas configurações. Isso inclui o comando build e o diretório de publicação. Supondo que todas as suas configurações estejam corretas, o Netlify acionará uma implantação para hospedar seu site.

Erro de redirecionamento com falha no Netlify

Netlify gera um nome de domínio aleatório para seu site. Se esta for a primeira vez que você hospeda seu site, talvez você não consiga visualizar seu site a partir deste URL. Em vez disso, você pode encontrar um erro "Página não encontrada".

Este erro pode ocorrer quando você não especificou redirecionamentos para seu site. Nesse caso, quando você abre a URL do seu site, a Netlify não sabe para qual página redirecionar inicialmente. Em vez disso, ele exibe um erro 404, em vez de exibir a página inicial.

Corrigindo o problema de redirecionamento com falha

Você pode criar muitas regras de redirecionamento com base no Código de status HTTP gerado na resposta de uma solicitação. Para corrigir esse erro específico, você precisará especificar apenas uma regra de redirecionamento. Essa regra redirecionará as solicitações para sua página inicial.

Redirecionar para sua página inicial usando o arquivo _redirects

Uma opção é adicionar a regra de redirecionamento a um _redirecionamentos arquivo em seu diretório de publicação.

1. Navegue até o diretório de publicação do seu projeto, que armazena os arquivos do site criado. Por exemplo, em um aplicativo React, este seria seu público pasta. Em um aplicativo Angular, você pode navegar até o src pasta (os arquivos são copiados daqui para o seu distância pasta).
2. Crie um novo arquivo chamado _redirects. O arquivo _redirects não possui uma extensão de arquivo.
3. Adicione uma regra de redirecionamento para redirecionar solicitações para sua página inicial. Por exemplo, o código abaixo redirecionará as solicitações para index.html:

   /* /index.html 200

4. Se você estiver usando Angular, você também deve adicionar o arquivo _redirects ao ativos matriz em seu angular.json Arquivo:

   {
   "ativos": [
   "src/favicon.ico",
   "src/ativos",
    {
   "globo": "_redirecionamentos",
   "entrada": "src",
   "resultado": "/"
    }
    ]
   }

Especificar redirecionamentos usando o arquivo netlify.toml

Como alternativa, você também pode especificar redirecionamentos usando um netlify.toml Arquivo.

1. Crie um arquivo netlify.toml em seu diretório de publicação ou diretório raiz, dependendo da estrutura que você está usando.
2. Adicione uma regra para redirecionar todas as solicitações para sua página inicial.

   [[redirecionamentos]]
    de = "/*"
    para = "/index.html"
    estado = 200

Reimplantando seu site na Netlify

Depois de configurar seu redirecionamento, você pode reimplantar seu aplicativo na Netlify.

1. No seu site Implantar página no Netlify, clique em Implantar configurações.
2. Certifique-se de ter configurado o diretório de publicação correto em Configurações de compilação.
3. Envie suas novas alterações de código, incluindo o arquivo _redirects ou netlify.toml, para seu repositório.
4. Isso deve acionar automaticamente uma implantação. Caso contrário, navegue até a página do seu site na Netlify e clique em Implantação de gatilho, e Implantar Site.
5. Aguarde a conclusão da compilação.
6. Abra o URL para visualizar seu site. Ele agora deve redirecionar para sua página inicial.

Hospedando seu site online

Você pode especificar redirecionamentos para seu site adicionando-os a um arquivo _redirects ou netlify.toml. Isso redirecionará as solicitações para a página inicial do seu site, em vez de um erro 404 Página não encontrada.

Se você não quiser usar o nome de domínio gerado pela Netlify, você pode comprar seu próprio nome de domínio. Você pode então configurar esse nome de domínio para trabalhar com Netlify. Existem muitas ferramentas que você pode usar para ajudá-lo a gerar um nome de domínio adequado para você.

As 11 melhores dicas para ajudá-lo a escolher o melhor nome de domínio

Leia a seguir