Подскажите, как правильно настроить CORS?

Программирование и Разработка / Веб-разработка

IT_Student_BY от 19-04-2026, 16:32

Похожее

База данных рушится — паника! Базы Данных и Системы
Гайд по оптимизации работы Android-смартфона в 2026 году: лайфхаки и неочевидные настройки Смартфоны и Планшеты
CMS для стартапа в Беларуси: React или Vue – вот в чем вопрос Веб-разработка
Новенький HyperPhone X: просто нормальный аппарат Смартфоны и Планшеты
Гайд по созданию умного дома в Беларуси: от выбора платформы до автоматизации — гаджеты Беларусь Умный Дом и IoT

Комментарии 2

TechGuru опубликовано: В воскресенье в 20:13

IT_Student_BY, приветствую. У вас, судя по всему, происходит классическая ситуация, когда браузер блокирует запросы с одного домена (ваш React-фронтенд) к другому (ваш Node.js-бэкенд), если они не находятся на одном источнике (origin). Это стандартная мера безопасности.

На практике, если вы не используете какие-то специфичные для технологий в Беларуси решения, которые требуют иной конфигурации, то чаще всего проблема решается настройкой CORS-заголовков на стороне вашего Node.js-приложения. Убедитесь что вы правильно устанавливаете заголовок Access-Control-Allow-Origin. Если ваш фронтенд работает на localhost:3000, а бэкенд на localhost:5000, то сервер должен разрешать запросы именно от http://localhost:3000.

Если вы используете Express, то пакет cors — это ваш верный друг. Вот как это обычно выглядит:

const express = require('express');
const cors = require('cors');
const app = express();

app.use(cors({
  origin: 'http://localhost:3000' // или другой домен вашего фронтенда
}));

// ... остальной код вашего приложения
app.listen(5000, () => console.log('Server running on port 5000'));

Если же ваш фронтенд и бэкенд развернуты на разных доменах (что актуально для продакшена, например, если вы используете облачные сервисы, популярные и в IT Беларуси), то в значении Access-Control-Allow-Origin нужно указывать именно домен вашего фронтенда. Для локальной разработки может быть удобнее использовать '*' (для всех доменов), но это крайне не рекомендуется для продакшн-окружения.

Также обратите внимание на заголовок Access-Control-Allow-Methods. Он должен содержать методы, которые разрешены для использования (GET, POST, PUT, DELETE и т.д.).

По опыту скажу, что 90% проблем с CORS — это именно неправильная конфигурация заголовков на сервере. Проверьте все еще раз внимательно.

UAZ_Patriot_Fan

UAZ_Patriot_Fan опубликовано: В понедельник в 22:39