关于容器化部署 vue 项目思路讨论

[jdOY]

如题，现在有一个需求是有多个前端的 vue 项目想要用 docker swarm 部署
现在有个思路是想要将每个应用打包成不同的镜像，再拉起容器运行，想问下大家有没有建议或者更好的思路

[calmzhu]

编译成 html 放 nginx 吧

[gouflv]

前端只有静态资源的话，cdn 更合适，ssr 才需要容器

[jinweijie]

用 nginx 做为 base 容器，写 Dockerfile npm build 后拷过去做成镜像，多个前端可以用 nginx.conf 配置不同路径。

[kamilic]

参考下 netlify 吧

[xiaojie668329]

就是 #3 三楼的做法。

[Macv1994]

编译后不都是静态资源了吗？直接 NGINX 就可以了吧？

[jdOY]

@jinweijie 好的，回头试试

[jdOY]

@kamilic 好的，感谢

[jdOY]

@calmzhu 这样感觉不是很方便统一管理部署啥的

[jdOY]

@gouflv cdn 也有用

[yuekcc]

我现在的项目就是类似的实现。纯的 spa 。总体就只有几个页面，差不多一个页面一个容器。感觉很浪费资源，但是分发的时候方便，一个版本对应一个镜像，直接交付镜像。

[zliea]

推荐编译后上传 oss ，Nginx 配置 oss

[zliea]

如果一个项目一个镜像意味着 1 个项目 1 个 ng ，太费资源了。
如果把所有项目装到一个 ng ，意味着其中一个项目的变更需要重新发布所有项目。
因此个人推荐使用 oss 或者可以

[zliea]

或者共享存储来存储静态资源

[julyclyde]

前端项目不是只有一堆文件吗？都不需要“运行”的吧
为什么还要容器？直接发到 CDN 上不就得了？

[litchinn]

这个东西`nginxWebUI`符合你的需求，不过这个目前不太适合用于 k8s 的环境，只适合单机部署， 我不了解 docker swarm ，不清楚用 docker swarm 和 k8s 的区别，所以还需要你自行判断

[laev]

@zliea 目前我也有一样的需求。请教下，nginx 应该如何配置代理 oss 中的 html 文件