如何将登录页面设置为登录页面，然后重定向到laravel中的vuejs组件？

Question

我正在使用laravel和vuejs一起开发Web应用程序，我想将登录页面设置为登录页面（如果未登录），并重定向到主页（如果已登录）。

我尝试使用以下代码，但是仅当页面被定义为blade.php文件时才有效，就我而言，我需要一个component.vue文件作为主页。

Route::get('/', function () {
    return view('home');
})->middleware('auth');

Answer 1

如果您在app.js中注册组件，则可以在页面上使用它。

将其放置在app.js中的window.Vue声明之后和新Vue之前

Vue.component('home-component', require('./components/HomeComponent.vue').default);

之后，您可以使用     <home-component></home-component>位于刀片内。

如果您只想在用户登录时使用它，请将其放在if标记内

@if(Auth::user())
   <home-component></home-component>
@endif