Как создать локальный сервер для тестирования проекта из Create React App?

Question

[Дмитрий Воробьев]

Столкнулся с такой проблемой, изучаю react, хочу что бы мой проект из среды Create React App отправлял запросы GET, POST и т.д. на локальный сервер, например OpenServer и получал ответы от него. Для формирования запросов использую библиотеку axios.
Так вот, создал хост на OpenServer, разместил файл JSON который идет ответом на запрос GET. Проверил POSTMANом, все ОК приходит объект из файла, который нужен. Но при попытке получить ответ на запрос через axios выдает ошибку Access to XMLHttpRequest at 'webserwer/db.json' from origin 'localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Как я понял у браузера (использую Яндекс) или у OpenServer запрещено передавать/принимать запросы от одного локального сервера к другому
Пробовал создать отдельно с помощью библиотеки json-server в Node.js, но при запуске его падал сервер от react create app, и на оборот

Answer 1

[Just Me]

для этого запускается express с cors

Comments

[Дмитрий Воробьев]

Большое спасибо! Библиотека Cors все решила

Answer 2

[lmx]

Здравствуйте, в вашем случае, у вас ошибка CORS, погуглите по ключевым словам. “open server cors”.
И вообще изучите вопрос, что такое CORS и для чего это нужно.

Comments

[Дмитрий Воробьев]

Здравствуйте, гуглил изучал, это защита междоменных запросов. И решения какие-то уже находил (типа этого https://ru.stackoverflow.com/questions/770825/Как-... или этого https://ospanel.io/forum/viewtopic.php?p=27875#p27875). Все решения сводятся к нескольким действиям
1. Отключить защиту;
2.Изменить загаловки;
3. Приобрести хостинг с доменом;
От этих решений, только больше вопросов, например: Как другие разработчики тестируют запросы на сервер? У всех свои сервера и хостинги?

[lmx]

На каком языке у вас бекенд к которому обращаетесь?

[moody_good]

lmx, Смотри как включить CORS для Apache, если используешь Open Server
https://geekflare.com/enable-cors-apache-nginx/