реагировать и php и мобильный

Question

Я использую реагирование для моего внешнего интерфейса, PHP и MySQL для внутреннего. React работает на локальном хосте, порт 3000, а сервер xampp на локальном хосте, порт 80.

Я получаю данные из MySQL для анализа php в формате json. Для внешнего интерфейса я использовал Axios API для вызова данных.

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

Answer 1

Привет, чтобы протестировать его на мобильном устройстве, вы также можете использовать Remote Device из инструментов разработчика Chrome.

Подробности вы можете проверить по этой ссылке https://developers.google.com/web/tools/chrome-devtools/remote-debugging/webviews

Answer 2

Я полагаю, ваш внешний интерфейс настроен на использование http://localhost в качестве внутреннего URL-адреса? Это означает, что при работе на вашем телефоне он использует хост телефона в качестве внутреннего URL:)

Попробуйте установить внутренний URL-адрес на http://192.168.1.99 на внешнем интерфейсе.

Answer 3

Изменить URL-адрес API на:

http://192.168.1.99/assets/data.php

Вы использовали localhost / assets / data.php, но ваш xampp был установлен на вашем компьютере, а не на вашем мобильном телефоне, поэтому ваш мобильный не может получить к нему доступ.

Answer 4

Это, вероятно, потому что вы запускаете приложение локально и не сможете получить доступ к localhost на своем мобильном телефоне (потому что, как само слово предлагает его LOCALhost). Если ваш мобильный телефон находится в той же сети, что и рабочий стол, вы можете получить доступ к сайту с локального IP-адреса вашего компьютера.