Linux openEuler系统部署spring boot+vue前后端分离项目（nginx均衡代理

2401_84166794

已于 2024-04-09 21:47:23 修改

阅读量772

点赞数 24

分类专栏： 2024年程序员学习文章标签： linux spring boot vue.js

于 2024-04-09 21:47:21 首次发布

本文链接：https://blog.csdn.net/2401_84166794/article/details/137568966

版权

2024年程序员学习专栏收录该内容

72 篇文章 0 订阅

订阅专栏

2.系统环境准备，安装openJdk，Springboot部署

1.下载openJdk，将压缩包导入linux

2.tar压缩包解压

3.打包后端SpringBoot项目并部署到Linux系统中

3.1.1注意：这里必须改为本机ip，不能使用localhost

编辑

3.1 打包，在确定项目可以正常运行的前提下，进行package打出jar包

编辑编辑3.2 将打的jar包放到 linux系统中的opt目录下，这里我在该目录下新建了一个文件夹

3.在linux系统中运行该SpringBoot+Vue前后端分离项目

1.进入到jar包所在的文件夹运行SpringBoot后端服务

2.再次打开一个命令窗口使用其他端口打开后端服务，测试nginx的均衡负载

3.再次打开命令窗口,打开这两个端口的防火墙

编辑 4.设置root用户允许远程连接

5.负载均衡测试

1、系统环境准备，安装nginx，前端部署

1.openEuler系统安装并运行nginx

#安装nginx
yum install nginx

#启动 Nginx 服务
systemctl start nginx

#设置 Nginx 开机启动
systemctl enable nginx

#检查 Nginx 是否运行成功
systemctl status nginx

查看Nginx路径 whereis nginx
配置 Nginx，配置文件位于 /etc/nginx/nginx.conf 或 /usr/local/nginx/conf/nginx.conf（如果从源码编译安装）。

2.打包前端Vue项目并部署到nginx中

2.1.在vue项目的package.json文件中将build配置做下面更改（删掉注释的那行，不然不能成功打包）

2.2.运行npm run build命令进行打包项目

npm run build

打包成功后在项目文件路径下出现dist文件夹

2.3.将打包的dist文件夹放到linux系统中的nginx的html路径下

3.配置nginx代理前端项目并实现均衡负载

3.1.找到nginx配置文件位置

3.2.配置nginx.config

    upstream wms_app{
        server 192.168.11.106:8080 weight=1;
        #server 192.168.11.106:8089 weight=1;
    }

    server {
        listen       80;
        listen       [::]:80;
        server_name  _;
        root         /usr/share/nginx/html;
        
        location /api {
            proxy_pass http://wms_app; 
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
   
        }

代码详解