[Bot]

coucou,
j’essaye de faire un site avec un backend en python qui utilise guvicorn et fastapi, j’ai auss installé nginx, mais quand je fais des requêtes avec fetch sur mon frontend, ca me renvoie des erreurs de CORS. Pour faire les requêtes je passe par un dns intermédiaire qui transmet à l’ip du serveur ou j’ai hébergé le backend parce que sinon le front refusait puisque le serveur était pas https.
J’ai ajouté des directives à mon back qui étaient supposées activer le cors, mais ca n’a rien changé.
Je sais pas du tout comment enlever l’erreur CORS du front.
Quelqu’un aurait une idée ?

——————–
daubouin – Envoyé depuis le Discord : Culte du code

Sujet

[Bot]

Tu as bien ajouté le middleware CORS dans FastAPI ?

——————–
godblesse_america – Envoyé depuis le Discord : Culte du code

[Bot]

Oui

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

J’ai demandé des soluces à chat GPT et il m’a dit de faire ça mais ça a rien changé

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Tu aurais le code ?

——————–
godblesse_america – Envoyé depuis le Discord : Culte du code

[Bot]

Du backend ?

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Oui

——————–
godblesse_america – Envoyé depuis le Discord : Culte du code

[Bot]

Fin du maximum de truc possible pour que je vérifie

——————–
godblesse_america – Envoyé depuis le Discord : Culte du code

[Bot]

Ok

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Après le problème vient de ma configuration guvicorn je pense puisque ça marche partout sauf entre mon front et mon back

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

> Pour faire les requêtes je passe par un dns intermédiaire qui transmet à l’ip du serveur ou j’ai hébergé le backend parce que sinon le front refusait puisque le serveur était pas https.
j’ai pas très bien compris cette partie

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

la solution me semble plutot de passer ton serveur en https

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

En gros le frontend refusait de faire des requêtes à mon backend parce que le front était https mais pas le back

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Du coup j’ai pris un dns en https qui redirige vers le back, et je fais mes requêtes au dns intermédiaire pour éviter que le front croit que c’est pas sécurisé

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

c’est quoi un « dns intermédiaire » ?

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

J’ai essayé mais sans réussir, mais c’est pas nécessaire puisque maintenant les requêtes fonctionnent. Le seul problème c’est que le front refuse maintenant de faire des requêtes au dns intermédiaire puisqu’il y’a le protocole Cors qui refuse les requêtes sur des dns différents

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Bah le dns qui redirige

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Celui que j’ai créé et qui est en https

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

je pense que tu parles d’un proxy plutot non ?

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Heu oui

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Mais du coup c’est moi qui l’ai fait je savais pas si je pouvais l’appeler comme ça du coup

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

d’accord
mais du coup, la connexion entre ton proxy et ton backend n’est pas sécurisée

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Je sais pas

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

bah je te le dis

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Ah

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

tu dois chercher comment passer ton backend en https

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

C’est quoi en soit le problème qu’on utilise http et pas https

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Mon backend cest un api accessible avec une requête http classique

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

le problème c’est que en http les informations qui transitent entre ton front et ton back sont en clair
ça veut dire que n’importe qui qui intercepte les requêtes au milieu peut lire les informations
donc si tu transmets par exemple un mot de passe en http, tous le monde peut le lire sans soucis
https c’est comme http mais avec un « s » pour « secure », les communications sont chiffrées pour empêcher quiconque de les lire

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Ah ok

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Mais comment on peut intercepter la requête si elle passe uniquement par des trucs que j’ai fait moi

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

quand tu envois une requêtes à un serveur, même si le serveur est à toi, la requête va passer par plein d’autres machines sur la planète qui vont la rediriger au bon endroit

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Ah ok

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Oui en effet vaut mieux que je le passe https

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Mais ça réglera pas le problème du cors ça ?

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

si ton backend est sur le même nom de domaine que ton front, tu n’auras plus de problème de cors

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Mais justement ce n’est pas le cas s

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Mon front est sur GitHub pages et mon back est sur mon VPs

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

tu peux configurer github page pour utiliser ton domaine

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Oui mais mon domaine n’est pas hébergé sur mon vps ?

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Mon domaine je l’ai pris chez 1&1

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

ça n’a pas d’importance

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Heu non mb je confond

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

J’ai laissé le dns par défaut de GitHub parce que j’en ai pas pour ce projet

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Non

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

tu n’as pas de nom de domaine ?

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Pour le proxy j’ai pris un dns gratuit sur un site random

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

d’accord donc c’est pour ça que tu ne peux pas passer en https, actuellement ton front envoit des requêtes directement à l’ip de ton back ?

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Mais du coup le dns est pas beau

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Non, le front envoie au proxy qui renvoie au back

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Et le problème est que le front refuse de faire des requêtes au proxy puisque ce n’est pas le même domaine

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

(Le front c’est github.io et le proxy c’est un truc random)

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Et si je ne met pas le back en https c’est que j’ai pas trouvé comment faire avec les outils que j’utilise

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

oui, mais en oubliant le proxy c’est bien ça ?

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Comment ça en oubliant le proxy

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

ton back, il a pas de nom de domaine ?

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Ah oui le proxy fait les requêtes a l’ip

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

C’est ça

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

voila, donc ton soucis original c’est ça

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Ah ?

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Ça veut dire que je dois utiliser un dns en https pour mon backend ?

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

on ne peut pas faire du https avec une ip, il faut un nom de domaine
et ton navigateur va refuser de faire des requêtes à une ip si le front vient d’un nom de domaine (CORS)

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

donc il faut que tu prennent un nom de domaine

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Mais le front faisait la requête au proxy

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Et le proxy acceptait les requêtes sans erreur cors

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Si je mettais le dns du proxy sur mon navigateur ça faisait bien la requête

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Le seul moment où ça bloquait c’est quand le front faisait la requête au proxy

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

oui, c’est normal, et je suis en train de d’expliquer pourquoi

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Ah

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

faut pas que tu passes par un proxy, ce n’est pas la bonne solution

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Ah ?

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

C’est quoi du coup ?

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

il faut que tu prennes un nom de domaine pour ton back

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Et il n’y aura pas de problème avec le cors ? Même si ce n’est pas le même nom de domaine que le front ?

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

tu pourras résoudre les problèmes de CORS en disant à github page d’utiliser ton nom de domaine pour ton front également

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Ahhh

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Je comprend

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Mais si je met le dns du proxy sur le front ça fera le même effet ?

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

je ne sais pas ce que ça veut dire « le dns du proxy »

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Deso je veut dire le nom de domaine du proxy

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

tu ne peux pas dire à github d’utiliser le nom de domaine du proxy si c’est ta question
il faut être propriétaire du nom de domaine pour faire ça

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Ah …

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Donc je suis obligé de payer à la fin 💀

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Le but de mon projet c’était de tout faire gratuitement

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

ah…

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Ce que je comprend pas c’est que le front fasse des erreurs cors alors que si je faisais la requête manuellement avec mon navigateur la ça fonctionnait

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

il existe des noms de domaine gratuit, regarde sur ovh

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Ah bon ?

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

C’est ce que j’ai fais en soit avec mon proxy

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Merci !

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

le CORS c’est une sécurité intégrée au navigateur, si tu fais la requête à la main ça ne se déclenche pas

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Je veux dire si je fais la requête en mettant juste le lien du proxy dans le nzvigateur

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Genre si je recherche https://proxy?params=trucs la ça fonctionne

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

oui ça compte comme « fait à la main »

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Mais si je le fetch depuis le front avec JS la ça bloque

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Ah

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

ici tu as la doc pour utiliser ton propre ndd avec github page:

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Faut que je vois si l’hébergeur que j’ai utilisé permet d’utiliser GitHub pages

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Oui oui ça je sais faire

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Faut juste que je vois si je peux avec mon herbegeur sinon j’utiliserai celui que tu m’as montré

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

bon courage

——————–
mjollnir4 – Envoyé depuis le Discord : Culte du code

[Bot]

Merci 🙂

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Bot]

Et merci de ta patience aussi

——————–
daubouin – Envoyé depuis le Discord : Culte du code

[Auteur]

Réponses