#reactjs #xampp
#reactjs #xampp
Вопрос:
Я пытаюсь создать приложение React, которое взаимодействует с базой данных MariaDB / MySQL на моем локальном компьютере. Я использую два сервера
1) запуск npm для сервера разработки для имитации клиента и
2) xampp для имитации сервера.
Я создал тестовую базу данных на своем локальном компьютере. Вот мое замешательство.
У меня есть c:reacttestclient настройка с моим проектом react и нахожусь в этом каталоге, когда я запускаю npm start. Я также запускаю xampp из коробки без изменений. Он указывает на c:xampphtdocs в качестве корня документа.
Итак, если я правильно понимаю, я указываю на два разных места с серверами в качестве корневых каталогов. Я хочу протестировать свой код от начала до конца.
Мое приложение React будет обрабатывать функцию «login» и вызывать ajax на мой сервер, чтобы сверить учетные данные с тем, что есть в базе данных, и ответить успехом или неудачей.
Я предполагаю, что мне нужно поместить свой php-код в путь xampp в каталог рядом с корнем документа (возможно c:xamppphp или что-то в этом роде). Вот как я настроен, но я не знаю, как полностью разработать это на одном компьютере, потому что они указывают на разные корневые каталоги документов.
Мой вопрос к тем, кто настроил это для своей среды разработки. Что я должен изменить? Должен ли я выполнять «сборку» приложения React и копировать его в корень документа сервера xampp для сквозного тестирования?
Должен ли я указывать одну среду на другую, чтобы они могли работать вместе?
Ответ №1:
Прежде всего, вы должны поместить свой php-код в корень, поэтому в c:xampphtdocs . Если вы запустите свой сервер XAMPP, xammp разместит этот каталог на http://localhost / Допустим, у вас есть index.php который обрабатывает ваш ajax-запрос:
Теперь вы можете сделать ajax-запрос на http://localhost/index.php
Надеюсь, это поможет
Комментарии:
1. Я создал каталог в корневом каталоге, как было предложено (c:xampphtdocsphp ) и поместите туда мои сценарии. Я запустил «npm run build» для сборки своего приложения и скопировал содержимое папки сборки в каталог htdocs. Это сработало для меня.
2. вы имеете в виду, что вы скопировали все из
c:reacttestclient
вc:xampphtdocsphp
или вhtdocs
? вы сделалиc:xampphtdocsphptestclient
?