前后端分离项目部署

Question

如题所述

Answer 1

在前端与后端分离的项目部署中，首先理解其概念至关重要。在传统的项目中，前后端代码混杂于同一工程，但采用前后端分离策略后，工程结构和部署流程出现显著变化。具体差异如下：

1. 传统部署方式：将前后端代码统一打包成jar包，并运行

2. 新增部署步骤：后端工程被打包成一个jar包，运行在内嵌Tomcat中。前端工程静态资源则部署在Nginx中。

前端部署

在服务器A安装Nginx，将前端项目的dist目录上传到nginx.html目录，并更新nginx.conf配置文件以指向首页，服务器IP地址为192.168.138.100。确保在同一台机器上的Nginx和Java程序接口设置不冲突。在一台服务器上无需配置反向代理。

对于反向代理的配置，例如在前端部署完成后访问登录页面时，请求路径会包含/api前缀。通过在nginx.conf中配置反向代理，可轻松解决跨前缀访问问题。配置信息包含路径重写和转发到后端服务器的指令。

服务端部署

在服务器B安装所需的环境，如JDK、git、maven和MySQL，并通过git clone命令从远程仓库克隆代码。使用Shell脚本自动化部署并确保在服务器B上的测试页面可以通过首页登录访问。

图片展示问题

在使用图片管理界面时，若发现图片无法显示，原因可能在于图片路径配置错误。需将图片文件路径从D:/img修改为服务器B上的路径，例如/usr/local/img，并同步更新代码。

处理流程包括：更新代码、提交本地仓库、通过Shell脚本执行自动化部署、将img文件夹上传至服务器B的指定目录，完成测试。通过一系列步骤，确保前端和后端服务正确运行，解决部署中的常见问题。