Erreur Blocage d’une requête multiorigine (CORS) sur une methode fetch
Bonjour à tous,
je viens chercher un peu d'aide pour résoudre un problème de requête avec une API REST
voici le début de ma fonction qui récupère mes données:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
| async function json24() {
day = $("#getPickerDate").val();
if (day == "") {
day = "last24";
}
console.log(day);
urlGet = "http://8.1.1.2:8081/api/" + day;
console.log(urlGet);
const response = await fetch(urlGet, {
mode: "cors",
credentials: "include",
});
data = await response.json();
var i = 0;
for (let r of data) {
tempExt1[i] = r.tempExt;
tempInt1[i] = r.tempInt;
tempCave1[i] = r.tempCave;
humidExt1[i] = r.humidExt;
humidInt1[i] = r.humidInt;
humidCave1[i] = r.humidCave;
pressExt1[i] = r.pressExt;
dateServer1[i] = r.dateServer;
i += 1;
} |
et voici l'erreur de retour:
Citation:
Content Security Policy: La requête non sécurisée http ://8.1.1.2:8081/api/last24 va maintenant utiliser « https »
Blocage d’une requête multiorigine (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante située sur https ://8.1.1.2:8081/api/last24. Raison : échec de la requête CORS. Code d’état : (null).
Si j'essaie d'analyser, je pense qu'il y a deux problèmes:
Le premier je fait une requête http et elle est modifié en https.
Et la deuxième le blocage de la requête multiorigine.
Mais après quelques test je n'arrive pas à les résoudre malgré tout ce que j'ai lu sur le sujet.
Je précise également que tout fonctionnait correctement en local et c'est quand j'ai mis mon code sur le serveur distant que j'ai eu le problème.
Merci d'avance
