Navigation Guard
Answered
North Pacific hake posted this in #help-forum
North Pacific hakeOP
Please, I've noticed this issue with React, and now it's same for NextJs, though Middleware have somehow solved the issue,
So the issue is that, For instance a user clicks on sign out, and his/her details got cleared from the browser, redirecting the user to the Sign in page, if you try to click on the browser back arrow, it'll still navigate the user to the previous page or page page it in the browse route history, except you refresh the page, or maybe the page is the kind that makes request on mount which would then detect from the request response that it's an unauthorized user,
So I want to ask if there's a solution to that,
Just like VueJs has something like Router.beforeEach, I'd really appreciate a feedback on this,
Thank you
So the issue is that, For instance a user clicks on sign out, and his/her details got cleared from the browser, redirecting the user to the Sign in page, if you try to click on the browser back arrow, it'll still navigate the user to the previous page or page page it in the browse route history, except you refresh the page, or maybe the page is the kind that makes request on mount which would then detect from the request response that it's an unauthorized user,
So I want to ask if there's a solution to that,
Just like VueJs has something like Router.beforeEach, I'd really appreciate a feedback on this,
Thank you
Answered by B33fb0n3
it only refreshes the content that is new. There is no redirection when using router.fresh(). So you would need to do something like
router.push("/your/path");
router.refresh();
// or other way around (test it):
router.refresh();
router.push("/your/path");5 Replies
@North Pacific hake Please, I've noticed this issue with React, and now it's same for NextJs, though Middleware have somehow solved the issue,
So the issue is that, For instance a user clicks on sign out, and his/her details got cleared from the browser, redirecting the user to the Sign in page, if you try to click on the browser back arrow, it'll still navigate the user to the previous page or page page it in the browse route history, except you refresh the page, or maybe the page is the kind that makes request on mount which would then detect from the request response that it's an unauthorized user,
So I want to ask if there's a solution to that,
Just like VueJs has something like Router.beforeEach, I'd really appreciate a feedback on this,
Thank you
it looks like the browser cache hit and because of that the old page is shown. You can clear the browser cache, when using
router.refresh(). Like that it will be cleared and the new page should be visible@B33fb0n3 it looks like the browser cache hit and because of that the *old* page is shown. You can clear the browser cache, when using router.refresh(). Like that it will be cleared and the *new* page should be visible
North Pacific hakeOP
But I thought that router.refresh() only refresh the window, without redirecting to a new page
@North Pacific hake But I thought that router.refresh() only refresh the window, without redirecting to a new page
it only refreshes the content that is new. There is no redirection when using router.fresh(). So you would need to do something like
router.push("/your/path");
router.refresh();
// or other way around (test it):
router.refresh();
router.push("/your/path");Answer
@B33fb0n3 it only refreshes the content that is new. There is no redirection when using router.fresh(). So you would need to do something like
tsx
router.push("/your/path");
router.refresh();
// or other way around (test it):
router.refresh();
router.push("/your/path");
North Pacific hakeOP
Okay I understand now,
Thank you, I would try it out
Thank you, I would try it out
Happy to help