开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >如何修复NextJs Auth0应用的回调地址不匹配问题

问如何修复NextJs Auth0应用的回调地址不匹配问题
EN

Stack Overflow用户

提问于 2021-07-03 20:47:19

回答 2查看 517关注 0票数 1

我在我的NextJs应用程序中使用Auth0 NextJS SDK进行身份验证。我正在学习这个教程https://auth0.com/blog/introducing-the-auth0-next-js-sdk/。在我的本地机器上，一切都运行得很好。

我的本地服务器中的Auth0配置：

AUTH0_SECRET=XXXXX
AUTH0_BASE_URL=http://localhost:3000
AUTH0_ISSUER_BASE_URL=https://myappfakename.us.auth0.com
AUTH0_CLIENT_ID=XXXX
AUTH0_CLIENT_SECRET=XXXX

在Auth0仪表板中，我添加了以下URL：

Allowed Callback URLs: http://localhost:3000/api/auth/callback
Allowed Logout URLs: http://localhost:3000/

我的本地应用程序在本地运行良好。

我把应用上传到Vercel上了。并更改了

AUTH0_BASE_URL=https://mysitefakename.vercel.app/

在Auth0控制面板中，更新了以下信息：

Allowed Callback URLs: https://mysitefakename.vercel.app/api/auth/callback
Allowed Logout URLs: https://mysitefakename.vercel.app

我收到以下错误：

Oops!, something went wrong
Callback URL mismatch.
The provided redirect_uri is not in the list of allowed callback URLs.
Please go to the Application Settings page and make sure you are sending a valid callback url from your application

我应该让它在Vercel中也能工作吗？

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-07-15 23:10:16

当重定向到auth0时，您可以尝试检查vercel是否没有更改url。在我看来，您的配置很好。不过，错误是非常明显的。我认为一个好的选择应该是验证重定向(如果由vercel处理的话)是否使用与auth0期望的相同的url。

在执行回调时，不要忘记添加当前所在的url。回调执行时，您是否在https://mysitefakename.vercel.app/api/auth/callback中？(调用auth0)。

票数 0

EN

Stack Overflow用户

发布于 2021-07-21 03:28:51

您必须在env.local文件中更改基本url

AUTH0_BASE_URL=https://mysitefakename.vercel.app/

您还可以创建另外两个环境文件，即env.development和env.production，并针对不同的情况设置不同的基本url，以便根据您的web应用程序的运行情况自动加载正确的基本url。

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/68236389

复制

相似问题