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

本文主要是介绍若依前后端部署系统--详细附图，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、后端部署

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配置