Docker中更新代码并执行yarn build后应用未显示修改内容问题求助
React+Python Docker环境构建后前端内容不更新排查步骤
- 确认Python后端静态资源服务路径配置
核对Flask/Django等后端框架的静态文件目录参数(Flask的static_folder、Django的STATIC_ROOT),确保指向的是Parcel构建输出的build目录,避免配置写死为旧的其他静态资源路径。 - 清理浏览器端缓存验证
按下Ctrl+F5(Windows)或Cmd+Shift+R(Mac)强制刷新页面,或者打开浏览器开发者工具勾选「禁用缓存」后重新访问,排除浏览器强缓存旧静态资源的问题。后续可通过配置静态资源响应头Cache-Control规则,避免生产环境出现同类缓存问题。 - 验证Parcel构建产物有效性
执行yarn build前先清理Parcel本地缓存:rm -rf .parcel-cache,构建完成后直接打开build/index.html文件,检查代码是否已包含最新修改内容,排除构建脚本执行异常、产物未正常更新的问题。 - 确认容器与端口映射匹配
执行docker ps查看运行中的容器列表,确认你本地访问的端口映射的容器,就是你修改代码、执行构建操作的目标容器,避免存在多个同镜像容器同时运行、操作与访问的容器不匹配的情况。 - 排查后端服务缓存配置
若后端启用了Flask-Caching等服务端缓存组件,或框架在生产模式下默认开启静态文件缓存,重启服务时需同步清空服务端缓存,避免服务一直返回缓存的旧静态文件。
内容的提问来源于stack exchange,提问作者Niana
相关产品推荐
相关产品推荐

