如何将 laravel 路由重定向到我使用 vue-router 在 vue 中创建的链接答案

【问题标题】：how do i redirect a laravel route to a link i create in vue using vue-router如何将 laravel 路由重定向到我使用 vue-router 在 vue 中创建的链接
【发布时间】：2020-01-15 21:44:08
【问题描述】：

我正在使用 vuejs 在 laravel 中构建一个单页应用程序。如何将登录重定向到 vue 组件路由。我想在登录后立即加载仪表板组件

**这是我的登录代码，我想将其重定向到我在 vue 中创建的“/dashboard”**

public function showLoginForm()
{
    return view('admin.auth.login');
}

public function login(Request $request)
{
    $this->validate($request, [
        'email'   => 'required|email',
        'password' => 'required|min:6'
    ]);
    if (Auth::guard('admin')->attempt([
        'email' => $request->email,
        'password' => $request->password
    ], $request->get('remember'))) {
        return redirect()->intended(route('admin.dashboard'));
    }
    return back()->withInput($request->only('email', 'remember'));
}

这是仪表板组件路由

   export const routes = [

  { 
    path:'/dashboard',
    component: DashboardComponent
  },

 ]

【问题讨论】：

所以，admin.dashboard 是一个 Blade 模板，而您的 SPA 从 Vue 组件开始，对吗？如果是这种情况，那么您的仪表板组件不应该只是/ 而不是/dashboard？

标签： laravel vue.js

【解决方案1】：

创建一个名为仪表板的刀片并在登录后重定向到它。然后在这个刀片中你可以声明 vue 组件。

【讨论】：

我已经通过在我的 app.blade.php 中添加“”来做到这一点，但是我如何为 app.blade 设置默认路由，以便我将被重定向到“/dashboard”

【解决方案2】：

我将“*”用于未指定的任何其他路径

const routes = [
  {
    path:'*',
    redirect:'/dashboard',
    component:DashboardComponent
 }
]

【讨论】：