Ошибка CORS error

Question

Всем привет! у меня фронт на реакте. Я отправляю get запрос на локальный сервер ( node.js ) использую axios. Получаю ошибку: localhost/:1 Access to XMLHttpRequest at 'http://localhost:8000/api/todo' from origin 'http://localhost:3001' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

подскажите, пожалуйста, как решить данную проблему?

фронт:

const fetchHeaders = () => ({
  "Content-Type": "application/json",
});
 
export const fetchApp: AxiosInstance = axios.create({
  headers: fetchHeaders(),
  baseURL: `http://localhost:8000/api/todo`,
});
 
export const todoApi = (params: any) => {
  return fetchApp({
    method: params.method || "GET",
    params: params.body,
  })
    .then((res) => res.data)
    .catch((err) => {
      console.log(err);
    });
};
 
const res = todoApi({ method: "GET", body: "" });

бэк

app.use(express.json());
app.use("/api/todo", todoRoutes);
 
async function start() {
  try {
    await sequelize.sync();
    app.listen(PORT);
  } catch (error) {
    console.log(error);
  }
}
start();

todoRoutes

router.post("/", async (req, res) => {
  try {
    const todo = await Todo.create({
      title: req.body.title,
      done: false,
    });
 
    res.status(201).json({ todo });
  } catch (error) {
    console.log(error);
    res.status(500).json({
      message: "Server Error",
    });
  }
});

БЛОГ НА HUSL

Ошибка CORS error

Ответы (0 шт):