Discussion :

[zoumzoum59]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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:

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

[SpaceFrog]

Tu as accès au serveur distant sur lequel tu fais la requête ? http://8.1.1.2:8081
Il faut sur ce serveur autoriser les requêtes en provenance de ton serveur ...
Par exemple en php avec un header

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

header("Access-Control-Allow-Origin: [adresse du serveur requeteur]");

[zoumzoum59]

Ok merci SpaceFrog,

Je suis sur un back avec Spring Boot, je vais donc remettre un autre message sur le forum Spring.
En plus mon problème de Cors vient de ma sécurité avec Spring boot