ionic react here projects

Project url: http://chuanshuoge-ionic-react-here-map.surge.sh/

Code link: https://github.com/chuanshuoge6/Ionic-Here

Web app: http://chuanshuoge-here-map-web.surge.sh/

Mobile app: https://github.com/chuanshuoge6/Ionic-Here/blob/master/Ionic%20Here.apk

reference:
Route change trigger url change, but doesn't render
https://github.com/ionic-team/ionic-framework/issues/20707

react-router does not work in production and surge deployments

For surge, you can add a 200.html file which contains the same contents as the index.html you're deploying (or just rename it to 200.html) - this will then be served to users at any URL they visit which doesn't correspond to a static file, allowing your app to start running.

looks like you're using create-react-app. This works when you're developing locally because create-react-app's react-scripts package handles serving your index.html as a fallback for these requests.

https://stackoverflow.com/questions/44491184/react-router-does-not-work-in-production-and-surge-deployments