前后端分离开发项目部署

前后端分离开发项目部署_第1张图片

部署架构:

前后端分离开发项目部署_第2张图片

部署前端项目:

1.在服务器A中安装Nginx,将前端打包好的dist目录上传到Nginx的html目录下

2.修改Nginx配置文件中的nginx.conf

反向代理配置:

前端请求路径Request URL: http://192.168.138.100/api/employee/login

#反向代理配置
location ^~ /api/ {
    rewrite ^/api/(.*)$ /$1 break;    #url重写  /api/employee/login --> /employee/login
    proxy_pass http://192.168.138.101:8080;
}

部署后端项目:

1.在服务器B中安装jdk、git、maven、MySQL,使用git clone命令将git远程仓库的代码克隆下来

2.将自动化部署shell脚本上传到服务器B,通过chmod命令设置执行权限

3.执行自动化部署脚本文件,自动部署项目

  • 停止原来运行的工程
  • 从Git仓库拉取最新代码
  • 打包
  • 启动项目

你可能感兴趣的:(后端,前端,nginx,前端,运维)