在Vue和Laravel上，我如何在登录后重定向回上一页？

Question

9 浏览2023年7月29日

匿名的 2023年7月29日

0 Comments

我使用的是Vue.js 2和Laravel 5.6。我的Vue组件代码如下：

如果用户未登录，会调用`logout`方法。我尝试了上述代码，但如果用户登录后，未能重定向到之前的页面。我该如何解决这个问题？

0

匿名的 · Answer 1 · 2023-09-01T06:11:29+00:00

问题的原因是：在Vue和Laravel中登录后如何重定向回到之前的页面。

解决方法如下：

首先，需要在Blade模板中将csrf token和logout url作为props传递给Vue组件。

然后，在Vue组件的模板中添加一个隐藏的表单，并添加相应的逻辑。如果用户已经登录，则显示一个“Add”按钮，否则显示一个“Logout”按钮。点击“Logout”按钮时，会通过隐藏的表单发起一个POST请求。

最后，通过调用logout()方法来发起POST请求。这样就可以实现在登录后重定向回之前的页面。

下面是具体的代码实现：

以上就是解决在Vue和Laravel中登录后如何重定向回之前页面的方法。通过在Vue组件中添加隐藏的表单，并在点击“Logout”按钮时发起POST请求，可以实现该功能。