通过 ip-api 的用户位置仅适用于本地

Question

我对网络开发非常陌生，我怀疑这是一个简单的问题。

当我通过 VScode 运行我的网站时，我的登陆页面会显示用户区域和城市名称。当我将相同的代码上传到我的网站时，它什么也没有返回。我什至无法显示错误消息以进行调试。我试图获取 location.origin 因为这个 api 显然需要一个“非空源”。我什至不完全理解 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)
});
};

感谢所有帮助和建设性批评。谢谢。

Answer 1

这里的问题是我更改了 ip 信息的 api，但网站数据缓存在浏览器中。我必须切换并重新加载页面才能看到更新后的网页。