Как устранить эту сетевую ошибку axios, которая, похоже, является ошибкой CORS.

Когда я заполняю форму регистрации, у меня возникает ошибка сети axios, это началось после того, как я начал использовать библиотеку cors. У меня есть следующие файлы. Ниже приведена ошибка в консоли

AxiosError {message: ‘Ошибка сети’, name: ‘AxiosError’, code: ‘ERR_NETWORK’, config: {…}, request: XMLHttpRequest, …}
code
:
“ERR_NETWORK”
config
:
{transitional: {…}, adapter: Array(3), transformRequest: Array(1), transformResponse: Array(1), timeout: 0, …}
message
:
“Ошибка сети”
name
:
“AxiosError”
request
:
XMLHttpRequest {onreadystatechange: null, readyState: 4, timeout: 0, withCredentials: true, upload: XMLHttpRequestUpload, …}
stack
:
“AxiosError: Ошибка сети\n at XMLHttpRequest.handleError (http://localhost:5173/node_modules/.vite/deps/axios.js?v=b6b0c7b9:1634:14)\n at Axios.request (http://localhost:5173/node_modules/.vite/deps/axios.js?v=b6b0c7b9:2156:41)\n at async handleSubmit (http://localhost:5173/src/routes/register/register.jsx?t=1728273841083:34:19)”
[[Prototype]]
:
Error
constructor
:
ƒ AxiosError(message, code, config, request, response)
toJSON
:
ƒ toJSON()
isAxiosError
:
true
[[Prototype]]
:
Object

это мой register.jsx

import "./register.scss";
import { Link } from "react-router-dom";
import axios from "axios";
import {useState} from "react";
import { useNavigate } from "react-router-dom";

function Register() {
const [error,setError] =useState("")

const navigate =useNavigate()

  const handleSubmit = async (e) =>{
    e.preventDefault();
const formData = new FormData(e.target);

const username = formData.get("username");
const email = formData.get("email");
const password = formData.get("password");

try{

const res = await axios.post("http://localhost:8000/api/auth/register",{
  username,
  email,
  password
}, { withCredentials: true })
/*navigate("/login")*/console.log(res.data)
}catch(err){
  console.log(err);
  setError(err.response.data.message)
}
  };
  return (
    <div className="register">
      <div className="formContainer">
        <form onSubmit={handleSubmit}>
          <h1>Создать аккаунт</h1>
          <input name="username" type="text" placeholder="Имя пользователя" />
          <input name="email" type="text" placeholder="Электронная почта" />
          <input name="password" type="password" placeholder="Пароль" />
          <button >Зарегистрироваться</button>
          {error && <span>{error}</span>}
          <Link to="/login">У вас уже есть аккаунт?</Link>
        </form>
      </div>
      <div className="imgContainer">
        <img src="/bg.png" alt="" />
      </div>
    </div>
  );
}

export default Register;

это мой app.js

import express from "express";
import cors from "cors";
import cookieParser from "cookie-parser";
import { postRoute } from "./routes/post.route.js";
import authRoute from "./routes/auth.route.js"

const app = express();

app.use(cors({
    origin: process.env.CLIENT_URL, // Убедитесь, что это соответствует URL фронтенда
    credentials: true,
    methods: ["GET", "POST", "PUT", "DELETE"]
}));

app.use(express.json());
app.use(cookieParser());

app.use("/api/posts", postRoute);
app.use("/api/auth", authRoute);

app.listen(8000, ()=>{
    console.log("сервер запущен");
});

это мой .env файл

CLIENT_URL = http://localhost:5173

следующий файл – это auth.controller.js

import bcrypt from "bcrypt";
import jwt from "jsonwebtoken";
import prisma from "../lib/prisma.js";

export const register = async (req,res)=>{
const{username, email, password}=req.body

try{
//Хешируем пароль

const hashedPassword = await bcrypt.hash(password, 10);
//создаем нового пользователя

//сохраняем в БД

const newUser = await prisma.user.create({
    data:{
        username,
         email, 
         password: hashedPassword,
    },
});

console.log(newUser);

res.status(201).json({message:"Пользователь успешно создан"});
}catch(err){
    console.log(err)
    res.status(500).json({message:"Не удалось создать пользователя!"})
}
};

export const login = async (req,res)=>{
    const {username, password}=req.body;

    try{
    //проверяем, существует ли пользователь
const user =await prisma.user.findUnique({
    where:{username}
})

if(!user)return res.status(401).json({message:"Неверные учетные данные!"})
    //проверяем, правильный ли пароль
   const isPasswordValid = await bcrypt.compare(password, user.password);

   if(!isPasswordValid) return res.status(401).json({message:"Неверные учетные данные!"})
    //Генерируем токен и отправляем пользователю
//res.setHeader("Set-Cookie", "test=" + "myValue").json("success")
const age = 1000*60*60*24*7;

const token = jwt.sign({
    is:user.id
}, 
process.env.JWT_SECRET_KEY,
{expiresIn:age}
);

res.cookie("token", token, {
    httpOnly:true,
    //secure:true,
    maxAge:age
}).status(200).json({message:"Вход выполнен успешно!"})

    }catch(err){
        console.log(err)
        res.status(500).json({message:"Не удалось войти"})
    }
}

export const logout = (req,res)=>{
    res.clearCookie("token").status(200).json({message:"Выход выполнен успешно"})

}

Когда я заполняю форму, я хочу видеть “Пользователь успешно вошел” в консоли, однако я получаю ошибку axios, пожалуйста, помогите, если вы знаете, что нужно исправить