当前位置: 首页 > 面试题库 >

Auth0和React的CORS问题

高才
2023-03-14
问题内容

我目前正在尝试在NodeJS + React
App中实现Auth0。尽管存在一个大问题,但给出的本教程确实非常有用且很有帮助。每次我尝试通过Auth0登录/注册时,都会收到

XMLHttpRequest无法加载
https://XYZ.eu.auth0.com/usernamepassword/login。对预检请求的响应未通过访问控制检查:在所请求的资源上不存在“
Access-Control-Allow-Origin”标头。因此,不允许访问源’ http://
localhost:3000 ‘。对预检请求的响应未通过访问控制检查:在所请求的资源上不存在“
Access-Control-Allow-Origin”标头。因此,不允许访问源’ http://
localhost:3000 ‘。

因此,我对此有一个大概的了解。但是我只是不知道在哪里设置所需的选项以允许此请求进入Auth0。在服务器端?在浏览器代码中?

最好的祝福

编辑:正如RodrigoLópezDato指出的,我可以在以下应用程序中编写Origins:https://manage.auth0.com/#/applications

在本地开发时应该放在那里?我的IP?


问题答案:

如果您是在本地进行开发,则可以输入要重定向到的URL。例如,如果您在本地主机上的端口4000上运行,并且想要重定向到名为的路由/callback,则可以输入:

http://localhost:4000/callback

在那个领域。



 类似资料:
  • 我想在我的页面中获取数据,如果我运行: 获取http://localhost:8000/api/posts net::err_aborted401(未经授权) CORS策略阻止从来源“http://localhost:3000”访问位于“http://localhost:8000/api/posts”的XMLHttpRequest:请求的资源上没有“access-control-allog-ori

  • React Redux Auth0 Kit Minimal starter boilerplate project with React, Redux, React Router and Auth0 authentication Live demo A live demo of this project with a simple Facebook login via Auth0 is avail

  • 我正在使用“React admin”创建一个管理界面(前端)。我正在使用spring boot作为我的REST API。我的React应用程序的url是:“http://localhost:3000”。我的spring boot API的url是:“http://localhost:8080”。 下面是CORS配置的spring boot代码,它在一个单独的类中,称为CORSCONFIG: 下面是

  • 问题内容: 由于某种原因,每当我尝试将一些数据发布到api服务器时,都会出现以下两个错误。 这是我的客户端有角JS代码,试图发送一些简单数据。该代码当前正在位于以下位置的Nginx服务器上运行 这是我的节点JS代码,用于处理“处理”请求 问题答案: 如错误消息所述,您必须在对预检的响应中确认Content-Type标头。这可能是由于您的请求的非“简单” Content- Type(表面上是appl

  • 问题内容: 我有一个基于@RestController和AngularJS的简单项目。我可以将Angular的GET请求发送到@RestController,但无法发送POST请求。我在浏览器控制台中出错: XMLHttpRequest无法加载http:// localhost:8080 / add 。Access-Control-Allow- Headers不允许请求标头字段Content-Ty

  • 我将vuejs与nodejs一起使用,vue客户端地址,nodejs服务器地址。 响应中的错误是