Приложение React не работает должным образом на мобильных устройствах с использованием localhost

#javascript #reactjs #mongodb #localhost

Вопрос:

У меня есть приложение react, которое отлично работает в localhost на ноутбуке. Я попытался проверить приложение с мобильного устройства, как оно выглядит. Страницы отображаются, но база данных не работает на мобильных устройствах. Он не отправляет запросы в базу данных. Это потому, что мое приложение находится в разработке ?.

1. Как вы отправляете запросы на серверную часть? Это напрямую или через прокси?

2. Я экспортировал http://localhost:5000/api из файла конфигурации, импортировал его в требуемый файл и отправил как axios.post(`${api}/endPoint`)

3. Я этого не понимаю. Не могли бы вы добавить код запроса с ошибкой запроса и любую конфигурацию прокси-сервера к вашему вопросу?

Ответ №1:

На ноутбуке вы могли получить доступ к localhost: 3000, но на мобильных устройствах с использованием IP-адреса вашего ноутбука, поэтому могла возникнуть ошибка CORS.

1. Я также добавил промежуточное программное обеспечение CORS. Тем не менее, оно не работает.

2. Проверьте серверный API, если применяются какие-либо ограничения, основанные на домене. Я также изучу и дам вам знать.

3. Нет, я не применял никаких ограничений. А также я использовал промежуточное ПО cors в качестве app.use(cors()) вот и все.