reactjs - 在 NEXT-AUTH 中登录后重定向到自定义 URL

Question

使用 next-auth 登录后如何重定向到自定义 URL？

我有一页用于登录和内容。逻辑是这样的：

• 如果用户登录 -> 显示页面内容
• 如果用户未登录 -> 在同一页面上显示登录表单。

登录后，用户应该被重定向到他登录的同一页面，而不是他之前来自的页面

Answer 1

您需要使用重定向路径作为参数调用SignInand函数，如下所示：SignOut

import { signIn, signOut } from "next-auth/react";

signIn({ callbackUrl: "/app" })

signOut({ callbackUrl: "/login" });

Answer 2

你可能会觉得有用的东西。我用它在页面之间自动重定向。

import { useHistory } from 'react-router-dom'

function foo() {
    const history = useHistory()
    
    // usage:
    history.push('url_to_redirect_to')
    // example: history.push('/') or history.push('/about')
}