Soy muy nuevo en el desarrollo web y sospecho que este es un problema simple.

Cuando ejecuto mi sitio web a través de VScode, mi página de destino muestra la región de los usuarios y el nombre de la ciudad. Cuando subo el mismo código a mi sitio web, no devuelve nada. Tengo problemas incluso para mostrar un mensaje de error para depurar. Traté de obtener location.origin porque esta API aparentemente requiere un "origen no nulo". Ni siquiera entiendo completamente cómo funciona ACAO.

 //Display users location in welcome message via IP function locate() { fetch('https://ip-api.com/json/') .then(function(response) { response.json().then(jsonData => { data = jsonData; document.getElementById("welcome").innerHTML = `Come in, ${data.city}, ${data.regionName}. Everyone is welcome.` }); }) .catch(function(error) { //Attempt at getting some information on the issue. document.getElementById("welcome").innerHTML = `Come in, ${location.origin}. Everyone is welcome.` console.log(error) }); };

Se agradece toda ayuda y crítica constructiva. Gracias.