Heim >Web-Frontend >js-Tutorial >Anfrage abgebrochen (NS_BINDING_ABORT) In Firefox, funktioniert aber in den übrigen Browsern

Anfrage abgebrochen (NS_BINDING_ABORT) In Firefox, funktioniert aber in den übrigen Browsern

Barbara Streisand
Barbara StreisandOriginal
2024-11-14 15:38:02601Durchsuche

Request Aborted (NS_BINDING_ABORT) In Firefox but working in remaining browsers

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn