Следующее приложение JS запрашивает разрешение на местоположение на локальном хосте, но не при развертывании в Heroku, Vercel или Digital Ocean

#reactjs #heroku #next.js #digital-ocean #vercel

Вопрос:

Я создаю следующее приложение JS с функциями определения местоположения. Я создаю геозону и хотел бы, чтобы приложение всплывало «Разрешить функции определения местоположения», когда пользователь заходит на страницу. Вот как я справляюсь с местоположением:

 const geoLocation = () =gt; {  if (!navigator.geolocation){  setStatus('Geolocation is not supported by your browser');  }else{  setStatus('Locating...');  navigator.geolocation.getCurrentPosition((position) =gt; {  setStatus(null);  setLat(position.coords.latitude);  setLng(position.coords.longitude);  }, () =gt; {  setStatus('Unable to retrieve your location');  })  }  }   geoLocation();  

Когда я запускаю это на локальном хосте, все работает идеально, и я получаю всплывающее окно с запросом доступа к местоположению. Однако, когда я развертываюсь в Heroku, Vercel или Digital Ocean, это не работает. Я не получаю никаких ошибок при развертывании. Как я могу это исправить?