若依前后端部署系统--详细附图

敲厉害的燕宝

已于 2024-04-30 16:52:59 修改

阅读量878

点赞数 10

文章标签： pycharm ide python

于 2024-04-29 17:26:58 首次发布

本文链接：https://blog.csdn.net/m0_63456808/article/details/138317830

版权

一、后端部署

1、在`ruoyi`项目的Maven中的生命周期下双击`package.bat`打包Web工程，生成jar包文件。

提示打包成功

2、多模块版本会生成在`ruoyi/ruoyi-admin`模块下`target`文件夹,我们打开目录ruoyi-admin/taget，打开cmd，运行java -jar jar包名称

java -jar ruoyi-admin.jar

提示启动成功！

二、前端部署

1、命令行打包应用

npm run build:prod

运行报错！

修改ruoyi-ui中的package.json的build:prod

"build:prod": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",

打包成功！

构建打包成功之后，会在根目录生成 dist 文件夹，里面就是构建打包好的文件，通常是 ***.js 、***.css、index.html 等静态文件。

通常情况下 dist 文件夹的静态文件发布到你的 nginx 或者静态服务器即可，其中的 index.html 是后台服务的入口页面。

2、nginx部署

2.1 nginx的下载安装使用教程

nginx（NGINX）详细下载安装及使用教程_下载nginx-CSDN博客

nginx nginx官网

2.2 下载稳定版后解压

2.3 打开nginx-1.26.0/conf/nginx.conf进行配置

worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       80;
        server_name  localhost;
		charset utf-8;

		location / {
            root   /home/ruoyi/projects/ruoyi-ui;
			try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
		
		location /prod-api/ {
			proxy_set_header Host $http_host;
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header REMOTE-HOST $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			proxy_pass http://localhost:8080/;
		}

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

可参考若依的nginx配置