Set node.js to serve index.html for unmatched url

ionic-v1
1

Recently I changed my Ionic app to not include ‘#’ in URLs, which is working fine.

$locationProvider.html5mode(true)

Now, the issue is requests to paths like localhost:8100/home/index fail as node doesnt recognize this path. How can I configure node server to serve index.html so that angular can take care of routing from there onwards. If this is not the correct approach, let me know.

3

with express I do this in my routes:

app.route('/*')
.get(function(req, res) {
  res.render('index.html')
});
4

@yurinondual Where should I include this? In hooks folder? Which subfolder is suitable for this?

5

This is for your routes defenition. After you define all your node API routes define one last route for all other urls i.e. “/*” to render index.html (which will have your angular app)

6

Do I include this as another route in $stateProvider in angular?

7

This is for your node server routing NOT angular routing.

8

Okay, but I am not sure how to edit node server configurations in ionic. Do i need to create separate project to do this?

9

Ah sorry! you are talking about ionic serve? I was thinking that you built your own node server… sorry

10

Do you have any solution?

11

Sorry I don’t! But why do you need a hasbang url? since nobody will ever see your urls on mobile app anyway

12

Actually I need the same app to be available on desktop as well like a normal website.

13

Atleast the read-only parts (static links)