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

devtools/2024/9/23 5:15:11/

一、后端部署

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 、***.cssindex.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配置

特别注意:

root的路径,是上方打包的dist路径,路径中不允许有中文和特殊符号,如‘-’

listen端口与前端一致

环境部署 | RuoYi

 2.4 配置完成并保存后,双击nginx.exe启动即可

 nginx部署成功!直接访问前端网址即可!

nginx常用命令:

启动:start nginx 

关闭,有序停止,保存相关信息:nginx -s quit

关闭,快速停止,不保存相关信息:nginx -s stop

重新载入,配置修改需要重新加载:nginx -s reload

小白一枚,第一次部署,记录学习~ 


http://www.ppmy.cn/devtools/25260.html

相关文章

MobileNetV4 论文学习

论文地址:https://arxiv.org/abs/2404.10518 代码地址:https://github.com/tensorflow/models/blob/master/official/vision/modeling/backbones/mobilenet.py 解决了什么问题? 边端设备的高效神经网络不仅能带来实时交互的体验&#xff0c…

【Rust学习】《Rust程序设计语言》第二章:编写猜数字游戏

本笔记为了记录学习Rust过程,内容如有错误请大佬指教 使用IDE:vs code 参考教程:菜鸟教程链接: 菜鸟教程链接: 参考文档:《Rust程序设计语言》Rust 官方文档中文教程 编写猜数字游戏 创建项目文件处理用户输入数据引入crate库猜数…

在CentOS7中wget命令显示not found怎么解决

实验需要,在本机上安装了一个CentOS7虚拟机,运行wget命令时显示not found。按照网上的教程,使用命令sudo yum install wget,依然失败。 怎么回事呢?会不会是网络的原因呢?想到这,ping了一下www…

(Askchat.ai、ChatAI、智友AI、AI写作生成器助手、在线AI助手)分享好用的ChatGPT

目录 1、Askchat.ai - 梦想为蓝图,ChatGPT为笔。 2、ChatAI 3、智友AI - MyChatGPT 4、AI写作生成器助手

如何增强交友、婚恋平台、金融等平台的安全性

运营商二要素核验是一种数字身份验证方法,主要使用用户的手机号码和姓名作为核验要素。这两个要素被认为是最基本的用户身份信息,通过运营商的数据库来核实其真实性。 在实际操作中,用户需要提供手机号码和姓名进行验证。应用系统会调用接口…

数据结构八:线性表之循环队列的设计

上篇博客,学习了栈,我们可以知道他也是一种线性表,遵从先进后出的原则,在本节,我们进一步学习另一种线性表—队列。就像饭堂里排队打饭的的队伍,作为一种先进先出的线性表,他又有哪些特别之处呢…

前端业务开发中使用原生js和elementui两种方式实现头像裁切上传的功能

日常业务开发中,无论是后台管理系统还是前台界面,都会遇到图片裁剪的业务需求,选择合适的尺寸或者图片的关键部分,满足我们的功能需求!! 效果预览 效果一: 效果二: 实现过程 1.原生js实现方…

go的反射操作reflect实践

通过反射机制,找到相应的Left或者Right广告 type SearchAdsObj struct {Left PositionAdsObj json:"left"Right PositionAdsObj json:"right" }func getFieldByName(obj SearchAdsObj, fieldName string) (interface{}, error) {fmt.Pr…