Docker问题：挂载的React应用修改后Web服务器未同步更新

我有一个简单的React应用，希望通过Docker容器部署并提供服务，同时能在主机机器上编辑代码。镜像由以下Dockerfile构建，之后未重新构建，目的是测试挂载并自动同步修改。

Dockerfile内容 #

FROM node:14.16.0-alpine3.13
RUN addgroup app && adduser -S -G app app
USER app
WORKDIR /app
COPY package*.json .
RUN npm install
COPY . . 
EXPOSE 3000
CMD ["npm", "start"]

容器运行命令 #

docker run -d -p 5001:3000 -v "$(get-location):/app" --name=binded react-app

已验证挂载生效：修改主机上的index.html后，通过docker exec进入运行中的容器查看该文件，能看到更新后的版本。但通过浏览器访问http://localhost:5001/时，无法获取最新版本，只能看到容器启动时的版本，后续修改无法同步。重启容器后能看到当时的最新版本，但之后的修改仍无法同步。

注：测试时修改的是<title>标签，且手动刷新页面（非热重载）。

请问：

1. 容器内运行的服务器是从哪里获取文件的？
2. 如何让服务器始终获取应用的最新版本？

1. 容器内服务器的文件来源 #

用npm start启动React应用时，Create React App（CRA）默认启动的开发服务器，会优先读取内存中编译后的文件副本，而非直接读取磁盘上的原始文件。

虽然绑定挂载已经同步了主机与容器的磁盘文件，但开发服务器启动时已将初始文件编译后加载到内存，后续磁盘文件的修改不会自动触发服务器重新读取并编译，因此浏览器无法获取更新后的内容。

2. 让服务器获取最新版本的解决方法 #

方法一：禁用CRA开发服务器缓存 #

CRA开发服务器默认启用缓存机制，可通过修改启动命令禁用：
在项目package.json的scripts字段中，将start命令修改为：

"start": "react-scripts start --no-cache"

修改后重启容器，后续磁盘文件的修改会触发服务器重新读取编译，刷新浏览器即可看到最新内容。

方法二：挂载时保留容器内的node_modules #

当前绑定挂载会将主机目录完整覆盖容器的/app目录，导致容器内原有的node_modules被主机目录（可能不存在或依赖版本不一致）替换，影响开发服务器正常工作。建议挂载时排除node_modules：

docker run -d -p 5001:3000 -v "$(get-location):/app" -v "/app/node_modules" --name=binded react-app

第二个-v "/app/node_modules"会创建匿名卷，保留容器内安装的依赖包，避免被主机目录覆盖，确保开发服务器依赖正常。

方法三：重启开发服务器（临时方案） #

如果只是临时测试，每次修改文件后，通过docker restart binded重启容器，开发服务器会重新读取磁盘最新文件并编译，刷新浏览器即可看到更新。但此方法效率较低，不适合持续开发。

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