python网页前端和react有什么区别_如何与Python一起使用React并保持前端和后端的分离?...

我使用React asfrontend和Python&Flask作为我的backend,使用Rauth作为{}登录Facebook,并在数据库中存储每个用户的详细信息,并使用flask_login作为保护。这些信息包括体育、教育、电话号码和其他信息。在

我要做的是在用户登录后,我试图从react应用程序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/')

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/')

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)

因此,我从fronend调用/authorize/,然后重定向到/callback/并让用户登录。在

现在,当我在浏览器上打开/me时,它可以很好地返回所需的json或将我重定向到主页。在

但是当我试图从frontend或Postman获取api时,要么是找不到用户(如果我删除装饰器login_required),要么是返回整个主页。在

我是这样说的:

^{pr2}$

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

得到了答案

后端在导入烧瓶后添加此行CORS(app, supports_credentials=True)

并使用fetch('http://localhost:5000/me', {

method: 'GET',

credentials: 'include'

})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,了解了。为了实现您的需求,我建议使用Python语言开发后端,并使用常见的Web框架如Flask、Django等开发前端。具体实现流程如下: 1. 后端开发 首先,需要使用图像处理技术对服饰进行特征提取。可以使用OpenCV等开源库来实现。提取出的特征信息存储在数据库中,例如MySQL、MongoDB等。 然后,需要以Python语言为基础,使用Flask或Django等Web框架,实现后端API接口的开发。API接口包括登录、添加、管理、查询、展示等功能接口,接口实现的方式可以使用HTTP协议或WebSocket协议。同时,要结合图像识别技术,实现服饰特征比对和标记相似度的功能。 2. 前端开发 使用前端框架如React、Vue等,对后端API接口进行调用,实现登录、添加、管理、查询、展示等功能的操作界面。具体实现流程包括: - 设计登录界面,实现用户登录的接口调用和数据交互。 - 设计添加界面,实现上传服饰图像,提取服饰特征信息,调用后端API接口进行存储。 - 设计管理界面,实现对上传的服饰特征信息进行对比,标记相似度,并进行展示。 - 设计查询界面,实现根据各种条件进行筛选和导出查询结果的功能。 - 设计展示界面,实现对服饰之间各部位相似程度的效果展示。 以上是一个简单的实现流程,具体实现方式还需要根据您的需求进行调整。如果您需要更详细的帮助,可以提供更多的信息,我将尽力为您提供帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值