Ionic 5: on browser builded app, how to prevent the 404 error on reload

Asked Mar 17 '21 at 14:22

Active Mar 17 '21 at 14:23

Viewed 1,655 times

Here is the deal. I have an ionic app that our client open from a link as if it was another web page. But the problem is that if the client reloads the page on this ionic app, they got a 404 error.

I found out that it came from the URL that is modified by ionic (and angular), that looked like this:

http://address/app-directory/www/#/current-page

It's the first app we do in Ionic 5, before, we were using Ionic 3, where the URL looked like that:

http://address/app-directory/www/index.html#current-page

And it worked like a charm.

I tried to find a solution online, and find out these questions:

But they didn't really help. One suggested solution from the questions would be to change the server configuration, but from my current situation, it would be the solution chose only if I can't do it another way.

If it can help, our app paired Ionic 5 with Angular 9.

edited Mar 17 '21 at 14:23

Pejman Kheyri

4,044
9
32
39

asked Mar 17 '21 at 14:22

Rorp

Check in index.html the baseHref so u change it to the needed main path. – Mostafa Harb Mar 17 '21 at 16:59
@MostafaHarb well it didn't do anything, sadly – Rorp Mar 18 '21 at 07:53
1

DId you manage to solve this? – leonardofmed May 21 '21 at 14:58
1

@leonardofmed yes, but by making a server side solution, so not by doing something someone can reuse will watching this question. – Rorp May 25 '21 at 07:58
Thank you, also solved this by using a server side solution, as described here: https://stackoverflow.com/a/60295587/7123439 – leonardofmed May 25 '21 at 13:33

Ionic 5: on browser builded app, how to prevent the 404 error on reload

0 Answers0