Как развернуть бэкэнд Symfony 4 (в подкаталоге) с помощью интерфейса React - PullRequest
Новая
       5

Как развернуть бэкэнд Symfony 4 (в подкаталоге) с помощью интерфейса React

0 голосов
/ 17 ноября 2018

Итак, я пытаюсь создать платформу, которая использует Symfony 4 в качестве бэкэнд-службы (только вызовы JSON API) и React в качестве внешнего интерфейса.

Я использую cPanel и после создания своего приложения React на производствеВ режиме я копирую его в папку public_html.

В то же время я создаю папку с именем «api» и добавляю туда бэкэнд-код Symfony.Я установил symfony/apache-pack и могу получить доступ к своему API Symfony по следующему URL-адресу: «mydomain.com/api/public/api/users», поскольку созданный apache-пакет htaccess находится в общей папке.

Однако это не то, что я хочу, я хотел бы иметь возможность получить доступ к своему API как mydomain.com/api/users, а также получить доступ к приложению React через mydomain.com/login (или любой другой маршрут, который я создаю).

Есть ли какая-либо конфигурация, которую я могу сделать, чтобы сделать эту работу?

Должен ли я просто переключить свое приложение Symfony на поддомен, такой как 'api.domain.com'и использовать это?

1 Ответ

0 голосов
/ 18 ноября 2018

Вы будете удивлены, что это очень просто, и применяется не только к реагированию, но и к любому другому фреймворку JavaScript, который вы хотите объединить с Symfony.

Просто добавьте реагирующий index.html, чтобы он стал основой Symfony.html.

Другими словами, пусть Symfony отобразит index.html, где вы ссылаетесь на скрипты React

.. / base.html.twig 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>My React App</title>
  </head>
  <body>
    <!-- ... other HTML ... -->

    <!-- Load React. -->
    <!-- Note: when deploying, replace "development.js" with "production.min.js". -->
    <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>

    <!-- Load our React component. -->
    <script src="app.js"></script>

  </body>
</html>
...