Docker部署的React应用设置HTTPS=true后无法启用HTTPS

1. 环境变量未正确生效 #

你在Dockerfile里设置的HTTPS=true等环境变量，可能没被Create React App的启动脚本正确读取：

• 如果你本地项目目录里有.env文件，里面的配置会覆盖Dockerfile中设置的变量。检查这个文件，确保它包含HTTPS=true、SSL_CRT_FILE=./ssl/cert.pem、SSL_KEY_FILE=./ssl/key.pem。
• 直接在docker-compose里显式声明环境变量，确保运行时生效，修改docker-compose.dev.yml：

  version: "3.8"
  services:
    node:
      environment:
        - WATCHPACK_POLLING=true
        - HTTPS=true
        - SSL_CRT_FILE=./ssl/cert.pem
        - SSL_KEY_FILE=./ssl/key.pem
      build:
        context: .
        target: dev
      volumes:
        - ./:/opt/project
        - /opt/project/node_modules/
      ports:
        - "3011:3011"
  

2. 证书文件的路径或权限有问题 #

• 先确认容器里的证书文件存在：

  docker exec -it <你的容器名称> ls /opt/project/ssl/
  

  如果文件找不到，检查本地的ssl目录是否存在，或者.dockerignore文件有没有把ssl文件夹排除在外。
• Alpine镜像里的node用户可能没权限读证书，修改Dockerfile添加权限配置：

  FROM node:lts-alpine AS dev
  WORKDIR /opt/project
  COPY . .
  RUN npm ci && \
      chown -R node:node /opt/project/ssl && \
      chmod 600 /opt/project/ssl/*.pem
  USER node
  ENV HTTPS=true
  ENV SSL_CRT_FILE=./ssl/cert.pem
  ENV SSL_KEY_FILE=./ssl/key.pem
  CMD npm run start
  

3. 启动脚本被自定义覆盖 #

检查项目package.json里的start脚本，确保没被改成带HTTPS=false之类的参数：

{
  "scripts": {
    "start": "react-scripts start"
  }
}

4. 端口监听配置 #

确认React应用在容器内监听的是3011端口，在docker-compose的environment里加- PORT=3011，确保服务启动时绑定正确端口。

内容的提问来源于stack exchange，提问作者jurchiks