Javascript

【RuoYi-Vue-Plus】学习笔记 07 - 前端打包流程 + 通过 nginx 配置限制系统非正常请求操作(演示模式)

本文主要是介绍【RuoYi-Vue-Plus】学习笔记 07 - 前端打包流程 + 通过 nginx 配置限制系统非正常请求操作(演示模式),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

文章目录

    • 前言
    • 一、概述
    • 二、环境准备
    • 三、项目部署
      • 参考目录
    • 四、效果展示
      • 修改用户
      • 删除用户
      • Spring Boot Admin
      • XXL-Job

前言

昨晚在交流群里有大佬提及【系统演示环境】数据被人删除了,因而 狮子大佬 去服务器上修改了 nginx 相关配置,限制了系统修改和删除数据的操作,感谢大佬的分享,所以我也在本地操作了一下,顺便记录一下这个流程。

一、概述

本文主要内容是关于配置 nginx 限制系统非正常请求操作,也包含了打包部署到本地的流程。

二、环境准备

名称参数备注
系统Win10 64位-
Nginx1.17.3-
Node.js*10.15.314.16.1
npm*6.4.16.14.12
Maven3.6.1-
JDK1.8-

注: 备注中的版本号是在另一部电脑的版本配置,但是用相同配置打包出来会报错,请留意。

三、项目部署

参考目录

  • 若依环境部署 - 前端部署
  • 搭建Admin监控
  • 搭建任务调度中心

后端部署没什么好说的,配置好环境就可以了。主要是前端部署不大熟悉需要看下具体配置。
在这里插入图片描述
本文使用的是演示环境打包,因此需要修改 .env.staging 文件配置如下:
在这里插入图片描述
点击演示环境打包,等待控制台显示打包结束。
在这里插入图片描述
打包完成会在 ruoyi-ui 目录下多一个 dist 文件夹,将文件夹内容复制到 Nginx 文件夹下的 html 目录下。
在这里插入图片描述
修改 Nginx 配置文件 nginx.conf
在这里插入图片描述

server {
        listen       88;
        server_name  localhost;
        
        location / {
            root   html;
            index  index.html index.htm;
			try_files $uri $uri/ /index.html;
        }
		
		# 配置转发
		location /stage-api/ {
			proxy_pass http://localhost:8080/;
		}
		
		# 演示模式,过滤非 GET|POST 请求
		if ($request_method !~* GET|POST) {
			rewrite ^/(.*)$ /403;
		}
		
		location = /403 {
			default_type application/json;
			return 200 '{"msg":"演示模式,不允许操作","code":500}';
		}
}

修改完成后,重启 Nginx 。

四、效果展示

修改用户

在这里插入图片描述
在这里插入图片描述

删除用户

在这里插入图片描述
因为同时配置了 Spring Boot Admin 和 XXL-Job,也顺便展示出来。具体配置可参照官方文档。这里不做赘述。

Spring Boot Admin

在这里插入图片描述

XXL-Job

在这里插入图片描述

这篇关于【RuoYi-Vue-Plus】学习笔记 07 - 前端打包流程 + 通过 nginx 配置限制系统非正常请求操作(演示模式)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!