JSON Fetch javasScript / jQuery 无法在实时站点上运行

Question

我想知道为什么当我获取 JSON 文件时它不起作用。这是链接和我 fetch()在本地主机 wamp64 上使用的方式。

链接： http: //zetcode.com/javascript/jsonurl/

从该链接获取 JSON 数据的所有方法都是 100% 有效，感谢该网站以及该帖子背后的人员。

所有内容都在我的本地主机中按预期工作，这是屏幕截图

IMG： https: //www.screencast.com/t/yafc6w900aM

顺便说一下，我想要实现的是从 Goeplugins 以 JSON 格式获取数据，因为我使用的是 JavaScript...

在我的本地主机中，正如您在图像附加链接中看到的那样，一切正常，但在实时站点上它无法正常工作，我尝试解决，但我确实需要帮助......这里是链接，实时站点：https:

//www.gpsup 。 andali.ph/fetch

截图：https://www.screencast.com/t/BDcuqWxK

我在本地主机中运行的文件与我在实时站点上运行的文件完全相同

这是我的代码：

<script> 

  

  var getRequest_uri = "http://www.geoplugin.net/extras/location.gp?lat=14.3164400&lon=120.9597400&format=json"; //getJSON_gps('location', latitude, longitude);

  fetch(getRequest_uri).then( res => res.json()).then((out) => {

    console.log('Output: ', out);

  }).catch(err => console.error(err)); 

   

</script>

我从这个网站读到关于 HTTP / HTTPS 问题的帖子，在我的元数据中添加下面这行代码但仍然不起作用

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" >

请开发者帮助我，提前致谢...