在“...”处访问 XMLHttpRequest来自源的“http://localhost:5173”已被 CORS 策略阻止

问：

我正在使用 MERN 堆栈开发一个应用程序，使用 reactjs 作为前端，nodejs 作为后端。我已经开发了后端代码并使用 postman 进行了测试，但是在前端访问登录和其他 API 时，它给了我以下错误：

在此处输入图像描述

这是我使用 axios 的前端 API 访问函数：

try {
      const { data } = await axios.post( 
        `${server}/users/login`,
        {
          email,
          password
        },
        {
          headers: {
            "Content-Type": "application/json"
          },
          withCredentials: true,
        }
      ).then( (response) => {
        console.log(response);
      })
      .catch( (error) => {
        console.log("Axios Error: " + error.message);
      });

      console.log("Login Successfull!");

      // toast.success(data.message);

      ctx.setIsAuthenticated(true);

      ctx.setIsLoading(false);

    } catch (error) {
      console.log("Login Error: " + error);
      // toast.error(error.response.data.message);
      ctx.setIsAuthenticated(false);
      ctx.setIsLoading(false);
    }

我的项目的 GitHub 链接：https://github.com/shubham-sapkal/DreamSponsor

我已经尝试过后端服务器的 cors：

app.use(cors({
    origin: process.env.FRONTEND_URL,
    methods: ['GET', 'POST', 'PUT', 'DELETE'],
    credentials: true
}));

事情保持不变。我已经使用 postman 检查了我的整个后端，它工作正常。