在 Firefox 中请求中止(NS_BINDING_ABORT),但在其余浏览器中可以正常运行
const 登录 = () => {
const { isAuthenticated } = useSelector(
(rootState:RootState) => rootState.auth
(英文):
const router = useRouter();
const dispatch = useDispatch();
复制代码
声明一个 setIsLoading 函数,用于设置加载状态。
const [passwordVisible,setPasswordVisible] = useState(false);
const togglePasswordVisibility = () => {
设置密码可见(!密码可见);
};
const ValidationSchema = z.object({
电子邮件:z.string().email("请输入有效的电子邮件地址"),
密码:z
。细绳()
.min(8, "密码必须至少包含 8 个字符")
.max(20, "密码不能超过 20 个字符"),
记住我:z.boolean().optional().default(false),
});
声明一个 useState 属性,以便我们可以设置它。
类型 ValidationSchemaType = z.infer;
使用效果(()=> {
如果 (已认证) {
路由器.推(“/应用程序”);
}
}, [已认证]);
常量 {
手表,
设置值,
登记,
处理提交,
formState:{错误},
} = useForm({
解析器:zodResolver(ValidationSchema),
});
const handleGetProfileData = async () => {
尝试 {
const response = await axios.get(`${API_URL}/users/api/v1`);
const 用户数据 = 响应?.数据?.数据;
返回用户数据;
} 捕获 (错误) {
控制台.log(错误);
}
};
const onSubmit: SubmitHandler = 异步数据 => {
设置IsPending(真);
尝试 {
验证数据
const response = await axios.post(
API_URL + “/用户/api/v1/auth/login”
已验证数据
(英文):
const expiryTime = watch(“remember_me”)
?30*24*60*60*1000
:7*24*60*60*1000;
设置Cookie(“ token”,response.data.data.token,{
安全:真实,
相同站点:“无”,
过期时间:新日期(Date.now() + expiryTime),
// 域:process.env.NEXT_PUBLIC_APP_BASE_URL,
});
const userData = await handleGetProfileData();
调度(登录(用户数据));
路由器.推(“/应用程序”);
toast.成功(响应.数据.消息);
} 捕获(错误:任何){
如果(错误。响应){
toast.error(错误.响应.数据.消息);
} 别的 {
toast.error(错误.消息);
}
console.error("登录失败:", error);
} 最后 {
设置IsPending(false);
}
};
返回(
//其余代码
(英文):
};
我已经像这样编写了用户身份验证。但我收到错误请求中止。
-> 我已输入凭证并发送到后端。
-> Token 正在生成并获取成功消息。
-> 之后,我必须重定向到应用程序页面。但重定向时请求中止。
有人能帮我解决这个问题吗