Auth0 和 vue.js appState.target 无法跨多个域工作

问题描述 投票:0回答:1

目前我正在建立一个项目,在前端使用 vue.js 并集成 Auth0 进行身份验证。

目标结构是我有一个用户登录的登陆页面,然后有一组在多个子域上运行的小型 Web 应用程序。 (例如 app1.example.com、app2.example.com 等)

在我的本地开发环境中,我在多个 Docker 容器中运行不同的应用程序,并使用具有不同端口的 localhost 访问它们。 (例如,登陆页面为 localhost:8080,app1 为 localhost:8081,app2 为 localhost:8082)

我想要实现的是,当用户登录登陆页面时,他会被重定向到 app1 的某个子页面。

虽然登录本身和到 app1 的重定向正常工作,但重定向到特定子页面的最后一部分不起作用。

根据文档,您必须将 appState.target 设置为 auth0 库中的 loginWithRedirect() 方法的参数。 我这样做了,但回调后它仍然总是重定向到根页面(/)。

为了验证问题仅在从登陆页面切换到 app1 时出现,我更改了 Auth0 的配置以在登录后重定向回登陆页面,在这种情况下,它还会将我重定向到定义的子页面。

所以这个问题仅在切换域(我的例子中是端口)时存在。

我是否错过了某些配置,或者只是无法以这种方式工作?

vue.js oauth-2.0 vuejs3 auth0
1个回答
0
投票

这个 Auth0 文档说您需要指定回调 URL。您可以在此处阅读更多信息https://community.auth0.com/t/allow-multiple-custom-domains-for-multitenant-applications/64319

© www.soinside.com 2019 - 2024. All rights reserved.