如何在React主页组件中使用login.blade.php？

Question

我知道这是一个奇怪的问题，但我将解释:我有一个完整的工作Laravel项目(用户主页和仪表板，客户端ecc..)。我用React重建了主页，但对于登录和仪表板，我想使用php blades ecc…我已经在Laravel没有做任何改变了。(React已经包含在Laravel项目中)

现在，我只需要做一件事，当我在React标题导航上单击登录时，我只想在我的React主页上呈现下面的laravel代码作为一个模式，而不是@extends('layout.home')，因为现在它显示了带有登录的旧Laravel主页。我怎样才能做到这一点呢？因为我不想用提交和js-cookies ecc在React中设置一个新的表单。一切都已经在Laravel刀片中工作了。

谢谢

@extends('layout.home')

 @section('content')
  <div class="loginImg">

<img class="loginImg__img" src={{ asset("images/public/pages/authentification.jpg") }}>

<form class="loginImg__form" method="post" action="{{ route('login') }}" aria-label="Login">
    @csrf

    <div class="form__details">
        <input id="email" type="email" class="form-control" name="email" value="{{ old('email') }}" required="" placeholder="Email Address">
    </div>

    <div class="form__details">
        <input id="password" type="password" class="form-control" name="password" required="" placeholder="Password">
    </div>

    <div class="form__group">

        <a class="heading-8" href="{{ route('password.request') }}">
            Forgot Your Password?
        </a>

        <input type="submit" class="form__submit" value="Log in">

        <div class="form__group__join">

            <p class="heading-8">Not registered yet? Sign up </p>
            <a class="heading-8" href="{{ route('register') }}">here<span>!</span></a>

        </div>

    </div>

</form>

<img class="logo_white" src="{{ asset("images/logos/logo_white.png") }}">

 </div>
   @endsection

Answer 1

您可以使用JWT auth在这里查看更多详细信息https://medium.com/@Gbxnga/token-based-authentication-with-react-and-laravel-restful-api-83f16581e85