javascript - 在页面加载时将 Javascript 变量添加到 url 的问题

Question

我正在尝试根据用户所在的位置更改页面 url。使用 ipapi，我正在提取城市名称，并尝试在页面加载时将其作为变量插入 url。由于某种原因，我的页面不断刷新。任何帮助都会很棒！

我相信我需要一个条件来在运行一次后停止 window.location.replace。或者我需要 city 变量和 window.location.replace 在函数之外。但我目前很难过。

fetch('https://ipapi.co/json/')
.then(function(response) {
  response.json().then(jsonData => {
    console.log(jsonData);
    var city = jsonData.city;
   window.location.replace("https://preapproval.mortgagestack.ca/lethbridge/? 
 location=" + city);
 });
})
.catch(function(error) {
console.log(error)
});