Node js 404 and angular url refresh conflict

Question

I am making an Nodejs and angular js app. I had to make a page loads when someone type on url and enter it. It worked fine until I also made a script to redirect to 404 error page. Now the problem is with both script only one of the criteria works. When 404 redirection works i cannot go to the page with url typed on browser and when that works then 404 page is redirected to index. html.

Here are the two scripts that I have use.

app.use(function(req, res) {
    res.render('404', {layout: false, title: '404: File Not Found'});
});

app.use('/*', function (req, res) {
   res.sendFile(__dirname + '/public/index.html');
});

Am I doing anything wrong over here. Beside this I also have my general routes which works fine in angular app when I click it from navigation.

This will be useful stackoverflow.com/a/12695813/1203489

Sikorski
– Sikorski

2015-04-20 08:29:56 +00:00
Commented Apr 20, 2015 at 8:29 — Sikorski
– Sikorski, Commented Apr 20, 2015 at 8:29

Manwal · Accepted Answer · 2015-04-20 07:42:01Z

5

Put 404 handler code at end (It must be last route)

Use your code like this:

app.use('/*', function (req, res) {
   res.sendFile(__dirname + '/public/index.html');
});

app.use(function(req, res) { //put this at end
    res.status(404);//add this line for setting 404 status
    res.render('404', {layout: false, title: '404: File Not Found'});
});

answered Apr 20, 2015 at 7:42

Manwal

23.9k15 gold badges65 silver badges95 bronze badges

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

Comments

Adeel · Accepted Answer · 2015-04-20 07:43:26Z

1

The 404 route must be the last route.

answered Apr 20, 2015 at 7:43

Adeel

19.3k4 gold badges48 silver badges60 bronze badges

Comments

Lane Campbell · Accepted Answer · 2018-04-14 16:04:03Z

0

Put this before your 404 route:

app.use('/reload/reload.js', express.static('node_modules/reload/lib/reload.js'));

answered Apr 14, 2018 at 16:04

Lane Campbell

617 bronze badges

Collectives™ on Stack Overflow

Node js 404 and angular url refresh conflict

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related