Pfadbasiertes Routing

Pfadbasiertes Routing ermöglicht es, mehrere unterschiedliche Anwendungen oder Micro-Frontends auf einer einzigen Domain zu hosten, indem der Traffic anhand des URL-Pfads weitergeleitet wird (z. B. wird example.com/blog an einen Workspace und example.com/api an einen anderen gesendet).

Anwendung vorbereiten​

1. Öffne den Codebase des Dienstes, den du unter einem Unterpfad hosten möchtest.
2. Aktualisiere die Router-Konfiguration, sodass der Präfix enthalten ist.
3. Deploye die aktualisierte Version der Anwendung.

Konfigurationsbeispiele​

app.get('/blog', (req, res) => {
  res.send('Welcome to the blog!');
});

import { BrowserRouter } from 'react-router-dom';

function App() {
  return (
    <BrowserRouter basename="/blog">
      {/* Your routes go here */}
    </BrowserRouter>
  );
}

Routing konfigurieren​

1. Navigiere zum Tab Domains im Team-Dashboard.
2. Klappe die verifizierte Domain auf, die konfiguriert werden soll.
3. Klicke auf die Schaltfläche + Add new path.
4. Gib den gewünschten Pfad ein (z. B. /blog oder /api/v1).
5. Wähle den Ziel-Workspace aus, der den Dienst für diesen Pfad enthält.
6. Klicke auf Save changes, um die Konfiguration zu übernehmen.

Überprüfung​

1. Warte einige Sekunden, bis sich die neuen Routing-Regeln im Netzwerk verbreitet haben.
2. Rufe die Domain mit dem neu konfigurierten Pfad auf (z. B. https://example.com/blog).
3. Bestätige, dass die richtige Anwendung geladen wird.