How to open page directly in Ionic 4 from url

Question

I have a project in Ionic 4, when I do ionic serve it runs at localhost:8100/

Now when it loads home page, the URL is localhost:8100/home, if I open contact page the URL becomes localhost:8100/contact.

When I try to copy the above URL and hit, then it says -

Sorry, this page doesn't exist. Please check the URL or go back a page.

What do I need to do to get this working?

Did you get a solution to this? I am facing the same issue in my Ionic web app — CodeChanger
– CodeChanger, Commented Dec 23, 2021 at 12:15

htmn · Accepted Answer · 2020-01-12 15:55:31Z

2

Based on your comments this is happening because your server does not support fallback. So when you enter a url manually, the server is trying to find that page, but you only have index.html in your app because of Client side routing.

If the app uses the Angular router, you must configure the server to return the application's host page (index.html) when asked for a file that it does not have.

The configuration is specific to your server or cloud platform. You can check Angular deployment for more info.

answered Jan 12, 2020 at 15:55

htmn

1,6852 gold badges19 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user2828442 Over a year ago

I have done that, but now it goes to index page and not does not open that url page what do i do now ?

htmn Over a year ago

The issue in your case might be that you are deploying to a subfolder /qanda/pwa. Are you running ionic build --prod -- --base-href /qanda/pwa/ ?

user2828442 Over a year ago

No, only ionic build --prod, I am travelling at the moment, I'll test it in next 8 hours as you have guided and let you know

Mostafa Harb · Accepted Answer · 2020-01-12 11:02:00Z

1

This regularly should not happen and you can't do anything for this. Try to upgrade your ionic to the latest with nodejs since the error my be from currupted project creation. Then after update create a new project and it should go good.

answered Jan 12, 2020 at 11:02

Mostafa Harb

1,6851 gold badge9 silver badges15 bronze badges

2 Comments

user2828442 Over a year ago

it is working offline but when i am uploading it to my server it is not working, any guesses why, here is the link u can check - sapphireprofits.com/qanda/pwa

Mostafa Harb Over a year ago

It is working well.I think its related to your browser since it 100% working without any problem.

Collectives™ on Stack Overflow

How to open page directly in Ionic 4 from url

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related