Amazon S3 Redirect-Regel - Query Params beibehalten

Question

Ich bemerkte Amazon S3 Redirect rule - GET data is missing, aber nach der Annahme der akzeptierten Antwort werden meine Abfrageparameter noch nicht erhalten.

Ich habe eine Website, die React und React Router verwendet, was bedeutet, dass ich mehrere URLs habe, die identische HTML und JS laden und dann die JS herausfinden, welcher Teil der App basierend auf der URL geladen wird.

Zum Beispiel:

/foo,/bar,/baz sollten alle index.html laden, die bundle.js lädt. Dann beobachtet bundle.js die URL und routet zu einer React-Komponente (auch in bundle.js).

Jedoch existiert keine foo, bar oder baz Datei in S3, nur index.html. Was ich tun möchte ist, wenn ich einen 404 bekomme, umleitung zu/#!/{URL} (zB./Foo leitet zu/#!/Foo um). Dies funktioniert gut mit meiner Weiterleitungsregel (unten). Allerdings möchte ich auch Abfrageparameter mitbringen (zB./Foo? Ping = pong leitet zu/#!/Foo? Ping = pong um), stattdessen wird/foo? Ping = pong nur nach/#!/Foo umgeleitet.

Hier sind meine Umadressierungsregel:

<RoutingRules> 
    <RoutingRule> 
     <Condition> 
      <HttpErrorCodeReturnedEquals>404</HttpErrorCodeReturnedEquals> 
     </Condition> 
     <Redirect> 
      <Protocol>http</Protocol> 
      <HostName>www.mydomain.com</HostName> 
      <ReplaceKeyPrefixWith>#!/</ReplaceKeyPrefixWith> 
     </Redirect> 
    </RoutingRule> 
</RoutingRules> 

Irgendwelche Ideen auf irgendeine Weise ich dies erreichen können? Idealerweise ohne etwas an S3/CloudFront ändern zu müssen, wenn ich eine neue Seite anlege?

Answer 1

Das Problem war, dass ich den Ursprung in CloudFront eingerichtet hatte, Query Strings nicht weiterzuleiten, also wenn S3 die Anforderung bekam, würde es richtig ohne die Abfrageparameter umleiten. Sie finden diese Einstellung in CloudFront> Verhalten> Abfragezeichenfolgen weiterleiten.

Answer 2

Wenn Sie klare URLs haben möchten, können Sie auch this trick überprüfen. Sie müssen die Cloudfront-Verteilung einrichten und dann das Verhalten von 404 im Abschnitt "Fehlerseiten" Ihrer Distribution ändern. So können Sie wieder domain.com/foo/bar Links :)