const Login = () =>; {
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);
}
};
返回(
//其餘程式碼
);
};
我這樣寫是為了使用者身份驗證。但我收到錯誤請求中止。
->我已輸入憑證並發送到後端。
->令牌正在產生並收到成功訊息。
->之後我必須重定向到應用程式頁面。但在重定向時，請求正在中止。
誰能幫我解決這個問題
以上是請求中止 (NS_BINDING_ABORT) 在 Firefox 中，但在其餘瀏覽器中工作的詳細內容。更多資訊請關注PHP中文網其他相關文章！
