使用 Auth0 身份验证部署 React App 到 netlify答案

【问题标题】：Deploy React App using Auth0 Authentication to netlify使用 Auth0 身份验证部署 React App 到 netlify
【发布时间】：2021-02-23 18:53:08
【问题描述】：

我已经使用 Auth0 创建了一个反应应用程序，并且在本地一切正常。但是当我部署到 heroku 时，Auth0 不再起作用。

注意：我已将部署的链接添加到应用程序中的以下内容 - 允许的回调 URL、允许的注销 URL、允许的 Web 源。

还是不行：https://seams.netlify.app/

This is the error I get:https://undefined/authorize?redirect_uri=

这是重定向的来源

app.js

【问题讨论】：

您需要提供更多信息、代码 sn-ps 和实际应用程序日志。提供链接以查看它不起作用对我们没有多大帮助。我也偶然发现了很多不起作用的网站，但我不知道为什么。我们需要的是您调用/配置身份验证的代码。另请注意，不鼓励发布像您所做的那样的链接，因为在一个月内该链接可能已失效，并且提出此问题的人将不知道我们在说什么。
一个症状似乎是当您按下登录时域更改为https://undefined/authorize?redirect_uri=（请参阅未定义）。是什么导致了这种情况，但如果没有您的代码的更多信息，我不能说。
这里是重定向代码的 sn-p ** ` `**

标签： reactjs auth0 netlify

【解决方案1】：

您的clientId 和domain 都保存环境变量REACT_APP_AUTH0_CLIENT_ID 和REACT_APP_AUTHO_DOMAIN 的值。这些需要在您要部署的环境中进行配置。在您的 localhost 中，您主要在 .env 文件中执行此操作。在您的部署环境中，通常存在一个 UI 可以帮助您做同样的事情。因此，您可以在 netlify 中搜索如何执行相同操作。

这里是可以帮助您的文档 - https://docs.netlify.com/configure-builds/environment-variables/?_ga=2.167654334.1252444955.1614077370-1741414160.1614077370

以下步骤过去对我来说是无缝的：-

在站点设置 > 构建和部署 > 环境 > 环境中变量。在站点设置下设置的变量值将覆盖团队级别的设置。

【讨论】：

这行得通。我未能将我的变量添加到 Netlify 的变量环境中，这就是它一直失败的原因。谢谢。