リクエストが中止されました (NS_BINDING_ABORT) Firefox では動作しますが、残りのブラウザでは動作します

const ログイン = () => {

const { isAuthenticated } = useSelector(

(rootState: RootState) => rootState.auth

);

const router = useRouter();

const distribution = useDispatch();

const searchParams = useSearchParams();

const [isLoading, setIsLoading] = useState(false);

const [passwordVisible, setPasswordVisible] = useState(false);

const togglePasswordVisibility = () => {

setPasswordVisible(!passwordVisible);

};

const ValidationSchema = z.object({

email: z.string().email("有効なメール アドレスを入力してください"),

パスワード: z

.string()

.min(8, "パスワードは 8 文字以上である必要があります")

.max(20, "パスワードは 20 文字を超えることはできません"),

remember_me: z.boolean().optional().default(false),

});

const [isPending, setIsPending] = useState(false);

type ValidationSchemaType = z.infer;

useEffect(() => {

if (isAuthenticated) {

router.push("/app");

}

}, [isAuthenticated]);

const {

見てください、

setValue,

登録してください、

ハンドル送信、

formState: { エラー },

} = useForm({

リゾルバー: zodResolver(ValidationSchema)、

});

const handleGetProfileData = async () => {

{

を試してみましょう

const response = await axios.get(${API_URL}/users/api/v1);

const userData = response?.data?.data;

return userData;

} catch (エラー) {

console.log(error);

}

};

const onSubmit: SubmitHandler = 非同期データ => {

setIsPending(true);

{

を試してみましょう

const validatedData = ValidationSchema.parse(data);

const response = await axios.post(

API_URL "/users/api/v1/auth/login",

validatedData

);

const expiryTime = watch("remember_me")

? 30 * 24 * 60 * 60 * 1000

: 7 * 24 * 60 * 60 * 1000;

setCookie("token", response.data.data.token, {

セキュア: true、

同じサイト: "なし"、

期限切れ: new Date(Date.now() expiryTime),

// ドメイン: process.env.NEXT_PUBLIC_APP_BASE_URL,

});

const userData = await handleGetProfileData();

dispatch(login(userData));

router.push("/app");

トースト.success(response.data.message);

} catch (エラー: 任意) {

if (error.response) {

トースト.error(error.response.data.message);

} else {

トースト.エラー(エラー.メッセージ);

}

console.error("ログインに失敗しました:", エラー);

} 最後に {

setIsPending(false);

}

};

return(
//コードの残りの部分
);
};

ユーザー認証についてはこのように書きました。しかし、エラーリクエストが中止されます。
->資格情報を入力し、バックエンドに送信しました。
->トークンが生成され、成功メッセージが表示されます。
->その後、アプリページにリダイレクトする必要があります。しかし、リダイレクト中にリクエストは中止されます。

この問題を解決するために誰か手伝ってくれませんか

以上がリクエストが中止されました (NS_BINDING_ABORT) Firefox では動作しますが、残りのブラウザでは動作しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。