首頁 >web前端 >js教程 >請求中止 (NS_BINDING_ABORT) 在 Firefox 中,但在其餘瀏覽器中工作

請求中止 (NS_BINDING_ABORT) 在 Firefox 中,但在其餘瀏覽器中工作

Barbara Streisand
Barbara Streisand原創
2024-11-14 15:38:02568瀏覽

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

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn