博客
关于我
Linux部署前后端分离项目(SpringBoot+Vue)【Nginx部署】
阅读量:793 次
发布时间:2023-02-05

本文共 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进行反向代理。

    转载地址:http://mekfk.baihongyu.com/

    你可能感兴趣的文章
    Linux的目录结构及ls命令介绍
    查看>>
    Linux的诞生:一场自由与协作的技术革命
    查看>>
    Linux目录中/和~的区别
    查看>>
    Linux目录结构简析
    查看>>
    linux相关log日志按文件大小进行切割
    查看>>
    Linux硬盘检测工具详解
    查看>>
    Linux磁盘IO状态分析实战
    查看>>
    linux磁盘分割
    查看>>
    linux磁盘清理
    查看>>
    linux禁止Root远程登陆
    查看>>
    linux移动文件命令
    查看>>
    linux程序分析工具介绍(三)——sar
    查看>>
    linux程序打印cr3寄存器,linux – 每次从内核模块读取时,为什么CR3寄存器内容会有所不同?...
    查看>>
    linux程序段错误原理,Linux 下c 程序段错误分析
    查看>>
    linux端口汇聚,linux端口聚合
    查看>>
    Linux端口状态含义
    查看>>
    linux端口监听默认ipv6,Nginx 监听 IPv6 地址的配置方法
    查看>>
    Linux笔记(usermod命令,用户密码管理,mkpasswd)
    查看>>
    linux笔记:目录处理命令ls,mkdir,cd,pwd,rmdir,cp,mv,rm
    查看>>
    linux符号大全
    查看>>