Реагировать приложение ищет статические файлы, к которым нет доступа - PullRequest
Новая
       13

Реагировать приложение ищет статические файлы, к которым нет доступа

0 голосов
/ 22 марта 2019

У меня есть приложение реагирования, развернутое на веб-сервере Nginx. Когда я получаю доступ к приложению по URL-адресу XX.XX.XX.XX, приложение реагирует Тем не менее, я хотел бы получить доступ к приложению, используя URL XX.XX.XX.XX/myapp/frontend. Я настроил обратный прокси-сервер nginx для перенаправления всех запросов на путь /myapp/frontend.

файл конфигурации nginx 

server {                                                  
    listen 80 default_server;                         

    server_name localhost;                            
    root /var/www/myapp/myapp-frontend;            
    index index.html index.htm;                       
    location / {                                      


    }                                                 

    location /myapp/frontend {                               

            proxy_pass http://localhost:3000;         
            proxy_http_version 1.1;                   
            proxy_set_header Upgrade $http_upgrade;   
            proxy_set_header Connection 'upgrade';    
            proxy_set_header Host $host;              
            proxy_cache_bypass $http_upgrade;         
    }      
  }

Для доступа к приложению по URL-адресу XX.XX.XX.XX/myapp/frontend Я должен указать программе реагировать на запуск с пути /myapp/frontend.

EDIT:

Я указал "домашнюю страницу": "http://XX.XX.XX.XX/myapp/frontend",, чтобы приложение реагирования начиналось с местоположения /myapp/frontend.

Я получаю черную страницу, когда пытаюсь получить доступ к URL. После просмотра страницы, звонки http://XX.XX.XX.XX/myapp/frontend/static/css/1.5a6735dd.chunk.css я получаю 502 Bad Gateway. Таким образом, статические файлы не доступны. Как мне решить эту проблему?

1 Ответ

2 голосов
/ 23 марта 2019

вы можете установить 'setupProxy.js' в файле src
код: 

 const proxy = require("http-proxy-middleware");

    module.exports = function(app) {
      app.use(proxy("/auth/google", { target: "http://localhost:5000/" }));
      app.use(proxy("/api/*", { target: "http://localhost:5000/" }));
    };
...