使用 Auth0 身份验证部署 React App 以进行 netlify
Deploy React App using Auth0 Authentication to netlify
我已经使用 Auth0 创建了一个 React 应用程序,并且在本地一切正常。但是当我部署到 heroku 时,Auth0 不再有效。
注意:我已将已部署的 link 添加到应用程序中的以下内容 - 允许的回调 URL、允许的注销 URL、允许的 Web 来源。
还是不行:https://seams.netlify.app/
This is the error I get:https://undefined/authorize?redirect_uri=
这是重定向的来源
app.js
您的 clientId
和 domain
都保存环境变量 REACT_APP_AUTH0_CLIENT_ID
和 REACT_APP_AUTHO_DOMAIN
的值。这些需要在您部署的环境中进行配置。在您的 localhost 中,您主要在 .env
文件中执行此操作。在您的部署环境中,通常存在可以帮助您执行相同操作的 UI。因此,您可以在 netlify.
中搜索如何执行相同的操作
以下步骤过去对我来说是无缝的:-
In Site settings > Build & deploy > Environment > Environment
variables. Variable values set under site settings will override the
team-level settings.
我已经使用 Auth0 创建了一个 React 应用程序,并且在本地一切正常。但是当我部署到 heroku 时,Auth0 不再有效。
注意:我已将已部署的 link 添加到应用程序中的以下内容 - 允许的回调 URL、允许的注销 URL、允许的 Web 来源。
还是不行:https://seams.netlify.app/
This is the error I get:https://undefined/authorize?redirect_uri=
这是重定向的来源
app.js
您的 clientId
和 domain
都保存环境变量 REACT_APP_AUTH0_CLIENT_ID
和 REACT_APP_AUTHO_DOMAIN
的值。这些需要在您部署的环境中进行配置。在您的 localhost 中,您主要在 .env
文件中执行此操作。在您的部署环境中,通常存在可以帮助您执行相同操作的 UI。因此,您可以在 netlify.
以下步骤过去对我来说是无缝的:-
In Site settings > Build & deploy > Environment > Environment variables. Variable values set under site settings will override the team-level settings.