Linux部署前后端分离项目(SpringBoot+Vue)【Nginx部署】

发布日期：2025-04-10 18:36:17 浏览次数：8 分类：精选文章

本文共 1663 字，大约阅读时间需要 5 分钟。

Linux部署前后端分离项目（SpringBoot+Vue）【Nginx部署】

前置条件

已安装好Linux系统

安装好了Java JDK（可以参考其他文章了解安装方法）

安装了Nginx（可以参考其他文章了解安装方法）

项目已经前后端分离开发，前端使用Vue.js，后端使用SpringBoot

修改前端项目的BaseURL

打开前端项目的src/assests/config.js文件

修改baseURL为服务器访问地址：

baseURL: 'http://XXXX:82/api/pethospital/'

将XXXX替换为服务器IP地址

打包前端项目

在前端项目根目录打开终端

执行命令打包：

npm run build

打包完成后，会在dist文件夹生成前端项目静态资源

打包后端项目

打开后端项目的pom.xml文件

在<plugins>标签内添加以下内容：


        
     
      org.springframework.boot
         
     
      spring-boot-maven-plugin
         
     
      2.7.3
         
             
                  
                       
        
         jar-with-dependencies

执行打包命令：

mvn clean install

打包完成后会在target目录下生成pethospital.jar文件

Nginx配置

打开Nginx配置文件nginx.conf，添加以下内容：

server {    listen 80;    server_name your_server_ip;    location / {        proxy_pass http://localhost:8082;        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;    }    location /api {        proxy_pass http://localhost:8082;        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;    }}

将your_server_ip替换为服务器IP地址

重新启动Nginx服务：

nginx -s sites-available/default -c sites.enabled

测试部署

在浏览器中访问http://your_server_ip:80，查看前端页面

调试后端接口是否正常访问，检查Nginx访问日志：

tail -f /var/log/nginx/access.log

注意事项

确保前后端项目之间的通信无误

定期检查Nginx日志，及时处理访问问题

部署完成后建议执行健康检查并设置自动重启

通过以上步骤，您可以成功将前后端分离的SpringBoot+Vue项目部署到Linux服务器上，并通过Nginx进行反向代理。

上一篇：linux部署安装SRS流媒体服务器教程

下一篇：Linux部署Tomcat踩的坑以及解决方案【8080无法访问、日志显示XX端口被占用、修改默认端口、无法提供安全连接】

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！