在 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 正在生成并获取成功消息。

-> 之后,我必须重定向到应用程序页面。但重定向时请求中止。

有人能帮我解决这个问题吗