reactjs - 使用Docker时如何隐藏React启动欢迎消息

Question

构建并启动React应用后，我们通常会收到一条欢迎消息，说我们可以通过特定的URL访问react。



有办法禁用它吗？我使用docker-compose设置了一个react应用，该欢迎消息清除了屏幕以及其他服务中的许多重要日志。

{
  "name": "ui",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-scripts": "3.4.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

编辑:
似乎许多人都在尝试解决同一问题:
https://github.com/facebook/create-react-app/issues/2495

一种解决方法将是不错的选择，因为Facebook在关闭票证后甚至没有尝试解决该问题。

Answer 1

如果您在Docker设置中避免使用更多面向开发人员的工具，那么您将不会获得更多面向开发人员的消息。对于基于浏览器的应用程序，您可以将其编译为静态文件，然后与您选择的Web服务器一起使用。

FROM node:12 AS build
WORKDIR /app
...
RUN yarn build

FROM nginx:1.17
COPY --from=build /app/dist /usr/share/nginx/html
# Use base image's default EXPOSE, CMD, etc.

这将不支持实时重新加载，但是Docker仍然存在许多突出的问题，并且您可以在面向Docker后端的主机上运行 yarn start。 Add a "proxy" setting to your package.json file指向Docker托管的后端;那么 yarn start将在那里代理API请求以进行本地开发，但是 yarn build不会用于基于Docker的部署。