Laravel 后端 API,反应前端登录

时间:2021-05-10 08:41:45

标签: reactjs laravel oauth-2.0 oauth laravel-7

我正在尝试执行以下操作:

  1. 用户从 react(比如 google.com)点击 URL 站点的链接
  2. 用户在弹出式表单 using react's simple oauth
  3. 上输入其凭据
    import React from 'react';
    import ReactDOM from 'react-dom';
    import OAuth2Login from 'react-simple-oauth2-login';
     
    const onSuccess = response => console.log(response);
    const onFailure = response => console.error(response);
     
    ReactDOM.render(
      <OAuth2Login
        authorizationUrl="https://accounts.spotify.com/authorize"
        responseType="token"
        clientId="9822046hvr4lnhi7g07grihpefahy5jb"
        redirectUri="http://localhost:3000/oauth-callback"
        onSuccess={onSuccess}
        onFailure={onFailure}/>,
      document.getElementById('root')
    );
  1. 该站点向我返回一个包含用户数据的 JSON(在特定 URL 用户/回调上)

Laravel(在从我的路由文件中读取回调之后)执行以下操作:

    public function handleProviderCallBackMel(Request $request)
    {    
       return reponse()->json($jsonUser,200);
    }

这在 Laravel 上运行良好。 Laravel 获得响应(我需要的令牌和用户数据)。但我无法将这些信息传递回以做出反应。

如何将数据从获得我需要的回调信息的后端 Laravel 应用程序传递给我的前端 React 应用程序?

0 个答案:

没有答案
相关问题