Javascript – Vue-Router-Sprungproblem

Question

vue-router In
a springt die Seite zu Seite b, Seite b muss angemeldet sein. Wenn Sie nicht angemeldet sind, müssen Sie zur Anmeldeseite springen und dann zu Seite b springen Anmeldeseite, aber Sie müssen nach der Anmeldung zu dieser Seite springen. Wie implementiert man Seite b? Da es sich bei Seite b nicht um eine feste Seite handelt, kann es sich um eine Exit-Seite, eine User-Center-Seite usw. handeln.

Answer 1

this.$router.go(-1);

返回上一个路由 ?

Answer 2

返回上一页不就好了？

Answer 3

这个需要在登录页面做处理，跳转到登录页面的时候

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

这样在登录页面，你就能在queryString里拿到这个from参数

认证完之后，根据这个from跳转回去就OK了

Answer 4

请参考vue-router官方文档上的router.beforeEach钩子函数，可以用来实现你的功能。原理大概就是：

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

有疑问可以私聊沟通下~