Remove hash bang # from url

[frostyandy2k]

Probably need a web server configuration for that.

[frostyandy2k]

It can't be done without some URL rewriting from the web server.

First, in your index.html file you shall add the following (Inside the head section):

<base href="/">

Then, in your app.module.ts import the following dependencies:
import { PathLocationStrategy, LocationStrategy } from '@angular/common';

Then, inside your providers add the following snippet:
{provide: LocationStrategy, useClass: PathLocationStrategy}

With this the # on the url is now removed. However, with this, we are creating an error when trying to refresh the page. When you refresh the page, you get a 404 error or cannot GET…

To get ride of this error, you need extra rules on your server side.

Source: https://forum.ionicframework.com/t/tutorial-removing-from-ionic-pwa/103950