Oauth 如何使用ReactJS绕过访问控制允许原点错误?

Oauth 如何使用ReactJS绕过访问控制允许原点错误?,oauth,flask,google-api,reactjs,Oauth,Flask,Google Api,Reactjs,我设置了一个flask后端,它通过Google的OAuth2流运行。当用户访问/注册时,有一个按钮,他们可以按下启动它。我知道这个流程是有效的,因为如果我将它设置为在有人访问/注册时立即启动(通过302重定向到/start google oauth端点),那么一切都会顺利进行 但是,如果我删除重定向,让用户自己按下按钮启动流,它就不起作用了。该按钮仅向google oauth发出GET请求/启动google oauth,但随后重定向到google以打开其弹出窗口返回访问控制允许源错误: XMLH

我设置了一个flask后端,它通过Google的OAuth2流运行。当用户访问/注册时,有一个按钮,他们可以按下启动它。我知道这个流程是有效的,因为如果我将它设置为在有人访问/注册时立即启动(通过302重定向到/start google oauth端点),那么一切都会顺利进行

但是,如果我删除重定向,让用户自己按下按钮启动流,它就不起作用了。该按钮仅向google oauth发出GET请求/启动google oauth,但随后重定向到google以打开其弹出窗口返回访问控制允许源错误:

XMLHttpRequest cannot load https://accounts.google.com/o/oauth2/auth?redirect_uri=... No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '<origin url>' is therefore not allowed access.
XMLHttpRequest无法加载https://accounts.google.com/o/oauth2/auth?redirect_uri=... 请求的资源上不存在“Access Control Allow Origin”标头。因此,不允许访问源“”。
但是,指定为源url的源在应用的凭据设置中作为有效的重定向uri提供


什么原因可能导致这种情况?

由于您正在转发
GET
请求,请在转发前尝试设置
访问控制允许来源:

请显示代码和/或示例URL。Google OAuth URL不支持XHR请求。我知道这是很久以前的事了,但是您是否找到了绕过
访问控制允许源代码
错误的解决方案?