How to redirect to a specific route from within ExpressJS API code?

Question

I want to be able to redirect my MEAN app to the Login page whenever there is no valid login.

I have a component, which on ngOninit() calls an API route.

The API route looks like:

router.get("/route", isLoggedIn, (req, res) => {
});

Where isLoggedIn is:

function isLoggedIn(req, res, next) {
  if (req.isAuthenticated()) {
    return next();
  } else {
    console.log("Not Logged in");
    res.redirect("http://localhost:3000/login");
  }
}

When res.redirect("http://localhost:3000/login") is executed, it throws an error in the console: "Template parse error". I guess this has something to do with the component which called the API waiting for the response from the API.

What's the best way to accomplish this?

Farhan Tahir · Accepted Answer · 2018-04-03 10:16:30Z

1

Handle it in your MEAN app, redirect the user to login page from angular and from API return a JSON response.

res.status(401).json({error: "Unauthorized Access"});

In you angular side, in the response of this API call check if you get this error then redirect user to login page. you could do this by using angular service. $location

$location.url('/login');

For generic solution to check authentication on every route you should use http interceptor. Please have look at following stackoverflow question:

AngularJs route authentication

edited Apr 3, 2018 at 10:16

answered Apr 3, 2018 at 10:09

Farhan Tahir

2,1441 gold badge16 silver badges27 bronze badges

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

4 Comments

Nimish David Mathew Over a year ago

So I should do this for all the calls? Is there some generic way to do it? Rather than writing this check in all the calls?

Farhan Tahir Over a year ago

@NimishDavidMathew I have updated my answer please have a look I hope it helps .

Nimish David Mathew Over a year ago

Yes. Thank you!

Farhan Tahir Over a year ago

@NimishDavidMathew Welcome!

Ridham Tarpara · Accepted Answer · 2018-04-03 10:18:23Z

0

If you are using angular then you need to manage to route on the angular side. You can send some sort of HTTP code or response to tell your angular app that request is unauthorized.

You can write general wrapper that send a request to your node server and check for the error. You can write general function according to the logic and library you are using but that would be something like this.

function makeRequest(url,..., callback) {
  request(...).then(response => {
    if(resp.status === 401) $location.url('/login');
    else callback(resp.data)
  })
}

answered Apr 3, 2018 at 10:18

Ridham Tarpara

6,1804 gold badges22 silver badges40 bronze badges

1 Comment

Nimish David Mathew Over a year ago

Thanks for helping!

Collectives™ on Stack Overflow

How to redirect to a specific route from within ExpressJS API code?

2 Answers 2

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related