Comment résoudre le problème : "Impossible de charger la ressource : net::ERR_CONNECTION_REFUSED http://localhost:8989/route?...."

Question

Il y a un problème avec mon programme. Il s'agit d'un programme sur les systèmes d'information géographique, utilisant la bibliothèque LeatlefJs, et j'ai également utilisé la fonction routeur letlef. Le problème est que le système n'est pas capable d'afficher l'itinéraire qu'il devrait pouvoir afficher, je ne comprends pas très bien. Voici le scénario.

function getDirectRoute(index, callbackFunction){
            var dari = marker_awal.getLatLng().lat + "," + marker_awal.getLatLng().lng;
            var tujuan = markerCabang[index].getLatLng().lat + "," + markerCabang[index].getLatLng().lng;
            $.ajax({
                  type: "GET",
                  url: "http://localhost:8989/route?point=" + dari + "&point=" + tujuan + "&points_encoded=false&instructions=false&vehicle=motorcycle&ch.disable=true&weighting=shortest&algorithm=alternative_route",
                  dataType: 'json',
                  contentType: "application/json",
                  success: function (data) {
                    successReveived++;
                    var coordinates = data.paths[0].points.coordinates;
                    tempDistance = 0;      
                    for(var j=0; j<coordinates.length; j++){
                        if(j==0){
                            tempDistance += euclidean(marker_awal.getLatLng().lat, marker_awal.getLatLng().lng, coordinates[j][1], coordinates[j][0]);
                        } else {
                            tempDistance += euclidean(coordinates[j-1][1], coordinates[j-1][0], coordinates[j][1], coordinates[j][0]);
                        }
                    }
                    distanceGH[index] = data.paths[0].distance;
                    distanceManual[index] = tempDistance.toFixed(4);
                    
                    if(successReveived == markerCabang.length && typeof(callbackFunction == 'function')){
                        callbackFunction();
                    }
                  }
            });
        }

L'erreur est comme ça

Impossible de charger la ressource : net::ERR_CONNECTION_REFUSED http://localhost:8989/route?point=3.611967691620835,98.67254734039308&point=3.611126,98.67548&points_encoded=false&instructions=false&vehicle=motorcycle&ch.dis able=true&weighted=shortest&algorithm=alternative_route

Answer 1

(Je ne peux pas encore commenter donc j'essaie de vous aider à répondre)

1. Assurez-vous d'avoir un backend valide pour réagir à la bibliothèque JS (voir https://www.liedman.net/leaflet-routing-machine/tutorials/alternative-routers/ pour un backend valide)
2. Essayez de saisir l'URL directement dans votre navigateur (sans utiliser Leaflet ou quoi que ce soit d'autre) : http://localhost:8989/route -> Vous devriez voir la sortie JSON, même si elle affiche une requête mal formée ou invalide. Si vous rencontrez déjà des problèmes de réseau, vous devez vérifier la couche réseau (par exemple, pare-feu, liaisons de port backend, etc.), si ce n'est pas le cas, continuez.
3. Ouvrez l'onglet réseau dans les outils de développement du navigateur (F12) et filtrez toutes les connexions au backend. Essayez maintenant d'utiliser map/leafletJS et vérifiez les autres informations dans cet onglet. Vous pouvez voir un message d'erreur indiquant que votre navigateur bloque la demande en raison de problèmes liés aux requêtes Cross-Origin (CORS).