Auth0 loginWithRedirect() 的问题 - 登录后卡在回调上 | Vue.js

Question

我的 vue 应用程序使用 Auth0 时遇到问题。

我根据提供的手册在我的 vue3 应用程序中实现了 auth0： https://developer.auth0.com/resources/guides/spa/vue/basic-authentication

我也使用了appState。

<template>
  <div>
    <q-btn
      label="Login"
      @click="login()"
    />
  </div>
</template>

<script>
import { useAuth0 } from "@auth0/auth0-vue";
export default {
  setup() {
    const { loginWithRedirect } = useAuth0();

    return {
      login: () => {
        loginWithRedirect({
          appState: { target: "/app/test" },
        });
      },
    };
  },
};
</script>

我被重定向到身份验证页面（auth0），并且可以成功登录并被重定向到我的回调页面。

问题是——就是这样。我没有被重定向到“/app/test”或“/”。我还在 /callback 页面。

根据手册 - 如果我没有设置 appState，我应该被重定向到“/”。我都尝试了 - 我总是卡在回调页面上。

没有错误或其他任何情况 - 用户也已成功登录。

我知道 - 我可以使用 router.push() 在回调页面上进行重定向来欺骗，但这不是我想要的 - 我想从登录页面传递一些 url 参数。

有人可以帮助我吗？

Answer 1

找到了解决方案——恰好是 quasar 和 auth0-vue 的问题

如果有兴趣，请查看 GitHub 上的问题

https://github.com/auth0/auth0-vue/issues/255