我已经搜索并尝试了许多解决方案，以便在Docker中的Node + React（使用Webpack服务）应用程序中直接导航。我的React应用程序与大多数应用程序一样，使用BrowserRouter来导航页面。当直接导航到localhost：3050/SomePage时，经常遇到404问题，因为Nginx不知道如何处理该路由。
通用的解决方案似乎是将构建工件复制到**/usr/share/nginx/html**，这样我就可以利用try_files指令回退到我的index.html。
在我的docker构建过程中一定有问题，因为我指定将我的React工件（dist，带Webpack）复制到我的nginx/html文件夹。
除了解决这个问题之外，在本地工作时，什么是生产就绪以及开发人员友好的最佳方法？我不应该使用Webpack-CLI吗？
编辑：看起来我被Docker的层缓存烧伤了。我正在回溯我的步骤并在没有缓存的情况下重建，但到目前为止仍然无法让以下工作正常。
Nginx default.conf：

upstream client {
  server client:3000;
}

upstream api {
  server api:3001;
}

server {
  listen 80;

  location / {
      proxy_pass http://client;
      # root   /usr/share/nginx/html;
      # index  index.html index.htm;
      try_files $uri $uri/ /index.html;
  }

  location /sockjs-node {
      proxy_pass http://client;
      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection "Upgrade";
  }
  
  location /api {
      rewrite /api/(.*) /$1 break;
      proxy_pass http://api;
  }
}

字符串
Nginx Dockerfile：

FROM nginx
COPY ./default.conf /etc/nginx/conf.d/default.conf

型
Client partial package.json：

"scripts": {
    "start": "webpack serve --config webpack.config.js --mode development",
    "build": "webpack --config webpack.config.js --mode development"
....

  "devDependencies": {
    "webpack-cli": "^5.1.4"
  }

型
客户端dockerfile（尝试1）

FROM node:alpine

# Set NODE_ENV to 'production' by default
ENV NODE_ENV=development

WORKDIR /app
COPY package.json ./
COPY package-lock.json ./

COPY ./ ./
RUN npm i
CMD ["npm", "run", "start"]

型
客户端dockerfile（尝试2）

# Stage 0: Build React app
FROM node:alpine as build-stage

# Set NODE_ENV to 'production' by default
ENV NODE_ENV=development

WORKDIR /app
COPY package*.json ./

# Install app dependencies
RUN npm install webpack-cli && \
    npm install

COPY ./ ./
RUN npm run build

# Stage 1: Final image
FROM nginx
COPY --from=build-stage /app/dist /usr/share/nginx/html
COPY --from=build-stage ../nginx/default.conf /etc/nginx/conf.d/default.conf

型
服务器Dockerfile：

FROM node:alpine
WORKDIR /app
COPY package.json ./
COPY package-lock.json ./
COPY ./ ./
RUN npm i
CMD ["npm", "run", "dev"]

型
docker-compose.yml:

version: '3.8'

services:
  nginx:
    depends_on:
      - api
      - client
    restart: always
    build:
      dockerfile: Dockerfile
      context: ./nginx
    ports:
      - "3050:80"

  api:
    build:
      dockerfile: Dockerfile
      context: "./server"
    volumes:
      - /app/node_modules
      - ./server:/app
    env_file:
      - ./server/keys/dev.env

  client:
    stdin_open: true
    environment:
      - CHOKIDAR_USEPOLLING=true
      - NODE_ENV=development
    build:
      dockerfile: Dockerfile
      context: ./client
    volumes:
      - /app/node_modules
      - ./client:/app

型
我试着调整了几个迭代的解决方案：
React-router and nginxhttps://gist.github.com/tkc/c400263987f1a626e6d9d348b7379cafSet up nginx proxy for react applicationNginx and Create React App (with React Router) full routes not working