Heim >Web-Frontend >js-Tutorial >Anfrage abgebrochen (NS_BINDING_ABORT) In Firefox, funktioniert aber in den übrigen Browsern
const Login = () => {
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({
E-Mail: z.string().email("Bitte geben Sie eine gültige E-Mail-Adresse ein"),
Passwort: z
.string()
.min(8, „Passwort muss mindestens 8 Zeichen lang sein“)
.max(20, „Passwort darf nicht länger als 20 Zeichen sein“),
member_me: z.boolean().optional().default(false),
});
const [isPending, setIsPending] = useState(false);
Typ ValidationSchemaType = z.infer;
useEffect(() => {
if (isAuthenticated) {
router.push("/app");
}
}, [isAuthenticated]);
const {
schau zu,
setValue,
registrieren,
handleSubmit,
formState: { Fehler },
} = useForm({
Resolver: zodResolver(ValidationSchema),
});
const handleGetProfileData = async () => {
versuchen Sie es mit {
const Response = waiting axios.get(${API_URL}/users/api/v1);
const userData = Response?.data?.data;
userData zurückgeben;
} Catch (Fehler) {
console.log(error);
}
};
const onSubmit: SubmitHandler = async data => {
setIsPending(true);
versuchen Sie es mit {
const validedData = ValidationSchema.parse(data);
const Response = waiting axios.post(
API_URL „/users/api/v1/auth/login“,
validierte Daten
);
const expiryTime = watch("remember_me")
? 30 * 24 * 60 * 60 * 1000
: 7 * 24 * 60 * 60 * 1000;
setCookie("token", Response.data.data.token, {
sicher: wahr,
sameSite: „none“,
läuft ab: neues Datum(Date.now() expiryTime),
// Domain: process.env.NEXT_PUBLIC_APP_BASE_URL,
});
const userData = waiting handleGetProfileData();
packet(login(userData));
router.push("/app");
toast.success(response.data.message);
} Catch (Fehler: beliebig) {
if (error.response) {
toast.error(error.response.data.message);
} sonst {
toast.error(error.message);
}
console.error("Anmeldung fehlgeschlagen:", Fehler);
} endlich {
setIsPending(false);
}
};
zurück(
//Rest des Codes
);
};
Ich habe so etwas zur Benutzerauthentifizierung geschrieben. Aber ich erhalte die Fehlermeldung, dass die Anfrage abgebrochen wurde.
-> Ich habe Anmeldeinformationen eingegeben und an das Backend gesendet.
-> Token wird generiert und es wird eine Erfolgsmeldung angezeigt.
-> Danach muss ich zur App-Seite weiterleiten. aber während der Umleitung wird die Anfrage abgebrochen.
Kann mir jemand dabei helfen, dieses Problem zu lösen?
Das obige ist der detaillierte Inhalt vonAnfrage abgebrochen (NS_BINDING_ABORT) In Firefox, funktioniert aber in den übrigen Browsern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!