尝试使用 Auth0 和带有 React 的 Netlify 登录，尽管我在尝试登录时在 URL 中得到“未定义”

Question

我想部署一个 react 应用程序，它是一个简单的 auth0 登录页面，在 localhost:3000 上，一切正常，我可以单击登录按钮，一切正常，它将我发送到 auth0 登录页面。

这是我坚持的部分：

当我推送到 Github 并部署到 netlify 并尝试使用 netlify 给我的链接打开它时，我单击登录按钮并在 URL 栏中得到这个： https://undefined/authorize?redirect_uri=

我已经检查了应用程序中的 .env 文件和环境部分的 Netlify 文件，并且所有内容都具有正确的 env 变量。 这是我测试它的地方： https ://reactjssample-324hz.netlify.app/

以下是我设置的 URI：

允许的回调 URL：

http://localhost:3000,https://reactjssample-324hz.netlify.app

允许的注销 URL：

http://localhost:3000,https://reactjssample-324hz.netlify.app

允许的网络来源：

http://localhost:3000,https://reactjssample-324hz.netlify.app

请告诉我是否需要包含任何内容，例如代码片段。

编辑：2022 年 6 月 1 日
我已将域和 clientID 添加到 index.js 文件中，但现在当我单击登录按钮时我得到了这个： Netlify 404 page not found虽然我现在在 URL 栏中有这个： https://tubular-klepon-a1d5fc.netlify.app/authorize?client_id=我认为它比我以前的更好。

编辑：2022 年 6 月 2 日
这是我的应用程序的端点设置
端点设置

谢谢

324赫兹
win1H2
他/他

Answer 1

看起来您尚未在应用程序中配置YOUR_DOMAIN 。 让我们尝试使用值reactjssample-324hz.netlify.app配置它

并且不要忘记在Auth0平台配置客户域reactjssample-324hz.netlify.app 。

配置 YOUR_DOMAIN

希望它可以提供帮助。