javascript - vue-router jump problem

Question

vue-router
A page jumps to page B. Page B needs to be logged in. If you are not logged in, you need to jump to the login page, and then jump to page B. Now you can jump to the login page, but after logging in How to implement page b to jump to? Because page b is not a fixed page, it may be an exit page, user center page, etc.

Answer 1

this.$router.go(-1);

Return to the previous route ?

Answer 2

Wouldn’t it be nice to go back to the previous page?

Answer 3

This needs to be processed on the login page, when jumping to the login page

http://登录页面URL/login?from=${encodeURLComponent(location.href)}

In this way, on the login page, you can get the from parameter in queryString

After the authentication is completed, it will be OK to jump back according to this from

Answer 4

Please refer to the router.beforeEachhook function in the vue-router official documentation, which can be used to implement your functions. The principle is probably:

每次路由跳转都经过beforeEach这个钩子函数，里面的逻辑是若目的地是你需要先校验登录状态再跳转的页面，则检查登录态，检查通过则调用next(),否则跳转到登录页，并且带上的query是目的页面的fullPath，用于登录后跳转到目的页面用。

If you have any questions, please chat privately~