Как настроить nginx для предварительного просмотра React App?

Question

У меня есть приложение React.

Хорошо работает на локальной машине (app + prerender-spa-plugin).Я запускаю его с помощью команды http-server в ./build package

Однако на сервере все идет не так, как если бы я запускал его с помощью serve-s.

На сервере есть докер с изображением nginx.

Я попытался перенастроить nginx так, чтобы он использовал разные index.html для разных URL-адресов, но снова не удалось

проблема с маршрутизацией в каталогах, в которых хранятся статические образы?

Как ее можно решить?или где я мог найти информацию об этом?

Answer 1

Я решил это.Моя конфигурация

location / {
            root   /usr/share/nginx/html;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
        }

Из официальной документации: «Можно проверить существование каталога, указав косую черту в конце имени, например,« $ uri /рабат."

* 1006 ».*https://i.stack.imgur.com/PusBE.png

Answer 2

Вы должны создать виртуальный хост на сервере nginx и указать его для создания папки приложения. Не забудьте запустить npm run build.

Простая конфигурация nginx

server {

    listen 80;
    listen [::]:80;

    root /var/www/reactjsapp/build;
    index index.html index.htm;

    server_name reactjsapp.com;

    location / {
        try_files $uri /index.html;
    }

        location ~ /\.ht {
            deny all;
        }

}