1

我使用 React asfrontend和 Python & Flask 作为我的backendFacebook登录和在 db 中存储每个用户的详细信息并用作保护。这些信息是体育、教育、电话号码和其他信息。RauthOAuth2flask_login

我正在做的是在用户登录后我试图fetch从反应应用程序中获取他的详细信息。但是，如果我打开该 API，我会在浏览器上看到错误用户未登录，我可以看到json.

@login_manager.user_loader
def load_user(id):
    return User.select().where(User.id == id).first()


@app.route('/')
def index():
    return redirect(WEB_URL)


@app.route('/logout')
@login_required
def logout():
    logout_user()
    return redirect(WEB_URL)


@app.route('/me')
@login_required  # After removing decorator still I am not getting
def me():
    return jsonify({'email': current_user.email}), 200



@app.route('/authorize/<provider>')
def oauth_authorize(provider):
    if not current_user.is_anonymous:
        return redirect(WEB_URL)
    oauth = OAuthSignIn.get_provider(provider)
    return oauth.authorize()


@app.route('/callback/<provider>')
def oauth_callback(provider):
    if not current_user.is_anonymous:
        return redirect(WEB_URL)
    oauth = OAuthSignIn.get_provider(provider)
    social_id, username, email = oauth.callback()
    if social_id is None:
        return redirect(WEB_URL)
    user = User.select().where(User.social_id == social_id).first()
    if not user:
        user = User(social_id=social_id, nickname=username, email=email)
        user.save()
    login_user(user, True)
    return redirect(WEB_URL)

因此，我从前端调用/authorize/<provider>它，然后重定向到/callback/<provider>用户并登录。

现在，当我/me在浏览器上打开时，它可以正常工作，需要返回json或将我重定向到主页。

但是，当我尝试从前端或 Postman 获取 api 时，要么找不到用户（如果我删除了装饰器login_required），要么返回了整个主页。

我是这样取的：

componentWillMount() {
    fetch('http://localhost:5000/me').then(function(response) {
      const contentType = response.headers.get("content-type");
      if(contentType && contentType.includes("application/json")) {
        return response.json();
      }
    }).then(function(json) {
        debugger
        const self = this;
        if (json) self.serState({ loggedIn: true });     
    }).catch(function(error) { console.log(error); });
  }

我frontend的正在运行http://localhost:3000/

得到答案 后端在导入flask_cors后添加这一行

CORS(app, supports_credentials=True)

并使用

fetch('http://localhost:5000/me', {
      method: 'GET',
      credentials: 'include'
    })
4

1 回答 1

0

安装烧瓶restful https://flask-restful.readthedocs.io/en/latest/

使用 rxjs 使用“服务”从 api 获取数据

于 2017-11-14T07:32:37.447 回答