部署上线

使用宝塔面板上线前后端分离项目

在之前的开发中已经使用react + Ant Design 和 SpringBoot 开发了一个前后端分离的用户管理项目，这次完成部署上线的操作。

新建二级域名

在云服务器域名解析添加新的记录，@表示通过http://ylq0001.xyz访问。

在前端项目封装的发请求api配置中写上这个二级域名，这对线上项目正确发送请求到后端服务很重要。

在宝塔面板初始化数据库，导入测试数据。

在终端执行npm run build 打包，左边出现dist文件夹，将dist文件夹上传到宝塔面板新建的前端项目文件夹。

在IDEA执行maven package 这里勾选上跳过测试，避免打包失败。执行完命令左侧target目录下出现jar包，将这个文件上传到宝塔面板新建的后端项目中并写好配置。

由于前后端的交互有api这一层路径，这层路径的意义是可以打上数字版本号作为区分api版本的方法，但是需要在nginx中配置路径重写规则将api去掉，否则请求转发不到后端服务。

添加nginx配置代码：

    # 处理API请求，去除/api前缀转发到后端
    location /api/ {
    
        # 后端服务地址和端口
        proxy_pass http://127.0.0.1:8080;
        
        # 代理相关设置
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }

宝塔面板添加位置，保存并刷新nginx，

测试注册接口。

登录到达普通用户欢迎页面。

登录管理员账号，可以查看所有用户，并且完成了基础的增删改查。

可以在宝塔面板查看SpringBoot项目日志。如下为没有找到表ylq时的异常。

至此项目部署上线已经完成。