کد داخل vsCode ام 

import React, { useState } from "react";
import axios from "axios";
const Login = () => {
  const [username, setUsername] = useState("");
  const [password, setPassword] = useState("");
  const handleLogin = () => {
    let params = {
      username,
      password,
    };
    axios.post("https://freefakeapi.io/authapi/login", params).then((res) => {
      localStorage.setItem("token", res.data.token);
    });
  };
  return (
    <div className="login">
      <div className="form">
        <h2>Welcome,please login!</h2>
        <input
          type="text"
          value={username}
          placeholder="Username"
          className="login_input"
          onChange={(e) => setUsername(e.target.value)}
        />
        <input
          type="password"
          value={password}
          placeholder="Password"
          className="login_input"
          onChange={(e) => setPassword(e.target.value)}
        />
        <button className="login_btn" onClick={handleLogin}>
          login
        </button>
      </div>
    </div>
  );
};
export default Login;

سلام،

کدهای شما مشکلی ندارند و موضوعی که پیش امده از سمت سرور fakeapi برای شما، خطای cors origin هست. یعنی origin و host درخواست یکی نیست.

origin آدرس http://localhost:3000 هست و host آدرس https://freefakeapi.io:443

cors policy مربوط به مرورگرهاست و اگر یک جزء از سه جزء potocol://address:port بین مبدأ و مقصد درخواست تفاوت داشته باشند این خطا بوجود می‌آید مگر اینکه سمت سرور چنین اجازه دسترسی رو ست کرده باشه.