LinkedIn登录中的redirect_uri问题使用React

Question

我试图通过此链接https://github.com/orionsoft/react-linkedin-login在React中添加LinkedIn身份验证.本教程没有提到redirect_uri我将其留空的原因.但是,当我尝试使用我的反应应用程序登录时,会发生错误redirect_uri在反应应用程序中使用什么是正确的.LinkedIn错误就像这样" redirect_uri与注册值不匹配".

我的网站网址是http:// localhost:3000

请参阅截图以获取LinkedIn Developer Console的设置

我在反应中添加代码

import React, { Component } from 'react';
import LinkedIn from 'react-linkedin-login'

class SocialLogin extends Component {
  constructor(props)
  {
    super(props);
  }
  
  callbackLinkedIn ({code, redirectUri}) {
    console.log(code+"linked in code")
  }

  
  render() {
    return (
      <div className="login-box">
        <div className="social-login">
             <LinkedIn
              clientId='***********'
              callback={this.callbackLinkedIn.bind(this)}
              text='LinkedIn' /> 
        </div>
      </div>
    );
  }
}

export default SocialLogin;

我收到此问题" "redirect_uri与注册值" " 不匹配.请参考最后一张图片

我已经给出了4个重定向网址:

1. HTTP://本地主机:3000
2. HTTP://本地主机:3000 /回调
3. HTTP://本地主机:3000 /登入,LinkedIn
4. HTTP://本地主机:3000 /认证/ LinkedIn /回调

但我得到同样的问题.请帮我解决这个问题.

Answer 1

可能的问题可能是初始 URL（进行 API 调用的 URL）和重定向 URL（应从 linkedin 打开帖子响应的 URL）可能具有不同的域。

您可以使用 filder 等工具捕获对 linkedIn 登录 API 的 API 调用，并检查 HTTP 请求中的 url 是什么。您需要在 RedirectURL 中放置具有相同域的 url。