请教各位关于小公司前端部署的问题

[fliu2476]

背景：

react 的 SPA 项目，以前都是手动打包上传服务器解压到目录，每次都是增量更新，nginx 指向静态目录，这种方式的优劣：

• 优势：正在访问页面的用户不会受影响
• 劣势：目录内文件会随着发布次数增加逐渐膨胀，需要定期清理

最近用上了 gitlab 的 CI/CD ，直接打包生成 docker 镜像自动到服务器部署，这样确实轻松不少，但是会有一些问题：

• 优势：部署流程简化
• 劣势：正在访问页面的用户会存在动态加载资源（如路由懒加载 js ）失败的情况

尝试解决

• pwa ，存在无法更新资源的问题（不知道是不是姿势不对）
• 保留上一次构建产物，合并本次构建产物生成一份新的资源，但是复杂度会变高

请教各位

在不进行大规模的变动的情况下，有没有更简单的办法解决这个问题，感谢~

[dropsio]

可以考虑不缓存入口页面，然后拦截 route 的错误信息，然后接管 query ，做刷新跳转。这样就既能防止动态资源丢失而导致的页面崩溃，又不需要依赖 cdn ，也不用设计管理 pwa 。改动最小。

[echoless]

加载失败的时候， 提醒用户刷新。

[fliu2476]

@echoless 这个有做了的，但是会中断用户使用，体验不太好