const 登录 = () => {
const { isAuthenticated } = useSelector(
(rootState: RootState) => rootState.auth
);
const router = useRouter();
constdispatch = useDispatch();
const searchParams = useSearchParams();
const [isLoading, setIsLoading] = useState(false);
const [passwordVisible, setPasswordVisible] = useState(false);
consttogglePasswordVisibility = () => {
setPasswordVisible(!passwordVisible);
};
const ValidationSchema = z.object({
email: z.string().email("请输入有效的电子邮件地址"),
密码：z
.string()
.min(8, "密码必须至少为 8 个字符")
.max(20, "密码不能超过20个字符"),
remember_me: z.boolean().可选().default(false),
});
const [isPending, setIsPending] = useState(false);
type ValidationSchemaType = z.infer;
useEffect(() => {
if (isAuthenticated) {
router.push("/app");
}
}, [已验证]);
const {
观看，
setValue,
注册，
处理提交，
formState: { 错误 },
} = useForm({
解析器：zodResolver(ValidationSchema),
});
const handleGetProfileData = async () => {
尝试{
const response = wait axios.get(${API_URL}/users/api/v1);
const userData = 响应?.data?.data;
返回用户数据；
} catch（错误）{
console.log(错误);
}
};
const onSubmit: SubmitHandler = 异步数据 => {
setIsPending(true);
尝试{
const validatedData = ValidationSchema.parse(data);
const response = wait axios.post(
API_URL + "/users/api/v1/auth/login",
已验证数据
);
const expiryTime = watch("remember_me")
? 30*24*60*60*1000
: 7 * 24 * 60 * 60 * 1000;
setCookie("token", response.data.data.token, {
安全：正确，
同一站点：“无”，
过期：new Date(Date.now() + expiryTime),
// 域名：process.env.NEXT_PUBLIC_APP_BASE_URL,
});
const userData =等待handleGetProfileData();
调度(login(userData));
router.push("/app");
toast.success(response.data.message);
} catch（错误：任意）{
if (error.response) {
toast.error(error.response.data.message);
} 其他 {
toast.error(error.message);
}
console.error("登录失败：", error);
} 终于{
setIsPending(false);
}
};
返回(
//其余代码
);
};
我这样写是为了用户身份验证。但我收到错误请求中止。
-> 我已输入凭据并发送到后端。
-> 令牌正在生成并获取成功消息。
-> 之后我必须重定向到应用程序页面。但在重定向时，请求正在中止。
谁能帮我解决这个问题
