Как обслуживать React App с Nginx, используя Docker, когда контент не отображается - PullRequest
0 голосов
/ 26 сентября 2019

Я пытаюсь докертизировать свое приложение React, но когда я запускаю docker run -p 8080:80 <container-id> и захожу на 192.168.99.100:8080, я получаю только пустую страницу.

Я пытался реализовать это решение, но япо-прежнему не отображается никакого содержимого, единственное отличие состоит в том, что теперь сервер nginx возвращает код 200 вместо 404. После запроса GET.

Вот мой Dockerfile

FROM node:alpine as builder
WORKDIR /app
COPY package.json .
RUN npm install
COPY . .
RUN npm run build

#/app/build <--- has all the stuff

FROM nginx
EXPOSE 80
COPY --from=builder /app/build /usr/share/nginx/html
#react-router fix
RUN rm -rf /etc/nginx/conf.d
COPY conf /etc/nginx

Вот ответ отnginx

192.168.99.1 - - [25/Sep/2019:22:17:35 +0000] "GET /patrickl13/personal-react-website/static/css/2.510409cd.chunk.css HTTP/1.1" 200 2568 "http://192.168.99.100:8080/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.90 Safari/537.36" "-"
192.168.99.1 - - [25/Sep/2019:22:17:35 +0000] "GET /patrickl13/personal-react-website/static/css/main.082c09f4.chunk.css HTTP/1.1" 200 2568 "http://192.168.99.100:8080/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.90 Safari/537.36" "-"
192.168.99.1 - - [25/Sep/2019:22:17:35 +0000] "GET /patrickl13/personal-react-website/static/js/2.5f2d90f6.chunk.js HTTP/1.1" 200 2568 "http://192.168.99.100:8080/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.90 Safari/537.36" "-"
192.168.99.1 - - [25/Sep/2019:22:17:35 +0000] "GET /patrickl13/personal-react-website/static/js/main.bf6cb779.chunk.js HTTP/1.1" 200 2568 "http://192.168.99.100:8080/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.90 Safari/537.36" "-"
192.168.99.1 - - [25/Sep/2019:22:17:35 +0000] "GET /patrickl13/personal-react-website/favicon.ico HTTP/1.1" 200 2568 "http://192.168.99.100:8080/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.90 Safari/537.36" "-"

Ожидаемый результат заключается в том, что он обслуживает веб-приложение так же, как если бы он запускал npm start

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...