Как развернуть мое веб-приложение ReactJS на производственном сервере - PullRequest
Новая
       25

Как развернуть мое веб-приложение ReactJS на производственном сервере

0 голосов
/ 23 октября 2019

Мой проект создан с помощью [ReactJS + php + mysql]. Я уже настроил свои локальные окружения, такие как npm install, npm start, и это нормально, мой сайт хорошо работает на моем локальном ПК localhost: 1234. После этого я хотел развернуть свое веб-приложение ReactJS в рабочем состоянии, и для этого у меня есть сервер Ubuntu 18.04 Digitalocean. Для этого я установил веб-сервер Nginx и разрешил зашифрованный SSl. У меня есть DNS xplosa.com, и все, что на данный момент указывает на домашнюю страницу nginx.

Я попробовал npm build, это тоже сделано без ошибок. В моем проекте есть каталог с именем dist , в котором мой источник развертывания содержит неорганизованную группу файлов, в любом случае, я просто копирую свой distсодержит (на моем локальном компьютере) указательный каталог Nginx (сервер ubuntu моего digitalocean) с использованием метода SFTP для передачи, но после перезапуска nginx и проверки моего веб-сайта в Интернете с помощью www.xplosa.com на нем отображаются только приветствия моих веб-сайтов. После этого я удалил свой источник из этого и сохранил его страницу приветствия самостоятельно, на своем локальном компьютере и проверил, работает ли он на моей локальной машине. Пожалуйста, помогите мне развернуть мое веб-приложение ReactJS на производстве

Ответы [ 2 ]

1 голос
/ 23 октября 2019

  • Сначала разверните и создайте приложение реакции на рабочем месте.

  • И настройте Nginx для сервера приложения как статического: 

server {
  listen   80;
  server_name www.xplosa.com xplosa.com;

  rewrite ^(/.*)\.html(\?.*)?$ $1$2 permanent;
  rewrite ^/(.*)/$ /$1 permanent;

  root /home/ubuntu/www/your-path/;
  index index.html;
  try_files $uri/index.html $uri.html $uri/  /home/ubuntu/www/your-path/index.html /home/ubuntu/www/your-path/$uri.html  $uri =404;

}

Примечание. Приведенная выше конфигурация будет обслуживать страницу индекса, если запрошенных ресурсов не существует, поэтому она удовлетворит ваши цели. и вы должны позаботиться о конце Php с Nginx

0 голосов
/ 23 октября 2019

вы можете сделать это либо с помощью таблицы обновления ip и перенаправления трафика с порта 80 на порт 1234 на производственном сервере.

вы можете использовать команду pm2, чтобы зарегистрировать порт, чтобы он всегда работал на рабочем сервере, а затем с помощью таблицы ip вы можете перенаправить порт.

Другой вариант - просто указать путь к папке сборки. и в вашем конфигурационном файле (apache2 или nginx) на сервер.

...