我们在这篇文章中完成了用idea 和docker compose 部署jhipster的应用,我们在docker 容器中部署了一个应用del-app.
另外在这篇文章介绍了如何用jhipster生成一个前端vuejs项目.
那么本篇文章,将介绍如何用idea将这两个项目作为一个前后端分离的项目部署到docker.
我们的docker容器中已经运行了del-app,如下图:
下面在idea把项目切换到我们的前端项目vue,我们新建两个文件:nginx.yml,site.conf
site.conf配置如下,注意del-app配置的端口8080,是del-app在容器内部的端口.
配置参考了jhipster的官方文档,需要注意的是挂载的前端文件位置,发现在target中没有生成,所以改成了build文件夹下的路径.
启动前端项目nginx:
访问前端项目:
登录成功!