Как мне использовать React и xampp вместе?

#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 ?