Comment accéder au backend FastAPI à partir d'une autre machine/IP sur le même réseau local

Pour accéder à un backend FastAPI à partir d'une autre machine sur sur le même réseau local, il est essentiel de s'assurer des points suivants :

1. Configuration de l'indicateur d'hôte :

Définissez l'indicateur d'hôte sur 0.0.0.0 lors de l'exécution du serveur FastAPI. Cela permet au serveur d'écouter toutes les adresses IP disponibles sur la machine locale.

2. Ajustements du pare-feu :

Assurez-vous que le pare-feu est configuré pour autoriser les connexions entrantes sur le port spécifié pour l'application FastAPI. Cela peut nécessiter la création d'une règle de pare-feu entrant pour Python.

3. Paramètres CORS :

Activez et configurez CORS (Cross-Origin Resource Sharing) dans votre application FastAPI. Cela permet des requêtes inter-domaines entre le frontend et le backend, qui peuvent se produire lorsque différentes adresses IP et numéros de port sont utilisés.

4. Requêtes HTTP en JavaScript :

Dans le JavaScript frontend, utilisez l'origine/URL correcte lorsque vous effectuez des requêtes de récupération vers le backend FastAPI. L'origine doit correspondre au nom de domaine saisi dans la barre d'adresse du navigateur.

Exemple de paramètres CORS pour FastAPI :

origins = ['http://localhost:3000', 'http://192.168.x.x:3000']

app.add_middleware(
    CORSMiddleware,
    allow_origins=origins,
    allow_credentials=True,
    allow_methods=['*'],
    allow_headers=['*'],
)

Utilisation appropriée de l'origine en JavaScript :

fetch('http://192.168.x.x:3000/people', {...

En suivant ces étapes, vous pouvez accéder avec succès à votre backend FastAPI à partir d'une autre machine sur le même réseau local.