reactjs 使用Auth0注销后重定向

5ktev3wc 于 2023-04-20 发布在 React

关注(0)|答案(3)|浏览(144)

所以我最近得到了登录按钮与netlify域一起工作，现在当我尝试单击注销按钮时，我被重定向到localhost：3000，但我希望它被重定向回带有登录按钮的页面，有没有办法做到这一点？这里是我的URI的详细信息：
允许的回调URL：

http://localhost:3000,https://auth0-sample-authentication.netlify.app

允许的注销URL

http://localhost:3000,https://auth0-sample-authentication.netlify.app

允许的Web源

http://localhost:3000,https://auth0-sample-authentication.netlify.app

请告诉我是否需要包含更多代码
谢啦
324hz win21H2 he/him

3条答案

如果我没理解错的话，你需要添加returnTo，这在docs https://auth0.com/docs/quickstart/spa/react/01-login中有说明

答案是：
所以看起来你所要做的就是在注销按钮的按钮标记中，你必须在这里添加这行：
({ returnTo: "https://324hz.dev" })
按钮看起来像这样：（请记住，这可能不是您的按钮布局）

<button onClick={() => logout({ returnTo: "example.com" })}>Log Out</button>

其中“example.com”是重定向的地址。

对于现在看到这个问题的任何人来说，你可能会得到一个上面选择的答案的 typescript 错误。你需要将returnTo Package 在一个logoutParams对象中。

<button onClick={() => logout({ logoutParams: { returnTo: window.location.origin } })}>
  Log Out
</button>