Início / coding / Perguntas / 79552099
Accepted
Waleed93
Asked: 2025-04-03 13:45:40 +0800 CST

Acesso direto a uma página específica Redirecionando para a página inicial

  • 772

Tenho um site Gatsby estático hospedado no S3 + Cloudfront. O site está funcionando bem com respostas de erro personalizadas com caminho definido como /index.html para código de erro 403

Mas quando tento inserir manualmente um caminho de página específico exmaple.com/path1na aba do navegador e pressiono Enter, ele me redireciona para a example.compágina inicial.

Por que isso? Existe alguma solução para isso?

Minha política de permissão s3:

{
    "Version": "2008-10-17",
    "Id": "PolicyForCloudFrontPrivateContent",
    "Statement": [
        {
            "Sid": "AllowCloudFrontServicePrincipal",
            "Effect": "Allow",
            "Principal": {
                "Service": "cloudfront.amazonaws.com"
            },
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::example.com/*",
            "Condition": {
                "StringEquals": {
                    "AWS:SourceArn": "arn:aws:cloudfront::111111111111:distribution/f6666666"
                }
            }
        }
    ]
}

1 respostas

  1. Best Answer

    Não sei muito sobre Gatsby, mas imagino que ele tenha gerado uma estrutura como essa que você implantou no seu bucket S3?

    /index.html
/path1/index.html
...etc

    E você quer GET /retornar o conteúdo de index.html, e GET /path1retornar o conteúdo de /path1/index.htmletc.? E seu plano para fazer isso era definir /index.htmlcomo resposta de erro personalizada 403?

    Se entendi corretamente, então isso não vai funcionar como você quer. Se você configurou as coisas conforme descrito, eu esperaria GET /path1retornar o conteúdo de /index.html.

    Uma maneira de fazer isso funcionar como você quer é alterar a resposta de erro personalizada 403 para algo mais apropriado (por exemplo, uma /404.htmlpágina) e, em seguida, associar uma função de solicitação do visualizador à sua distribuição do CloudFront que reescreve as solicitações para incluir /index.htmlno final do caminho, se necessário. Algo como:

    function handler(event) {
  var request = event.request;
  var uri = request.uri;

  if (uri.endsWith("/")) {
    request.uri += "index.html";
  } else if (!uri.includes(".")) {
    request.uri += "/index.html";
  }
  return request;
}

    Aqui está um modelo do CloudFormation onde isso é configurado, caso você queira ver como tudo se encaixa (aviso: este é meu repositório do GitHub).

    • 1

relate perguntas