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

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

文章目录

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

前言

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

一、概述

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

二、环境准备

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

三、项目部署

参考目录

• 若依环境部署 - 前端部署
• 搭建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 配置限制系统非正常请求操作（演示模式）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！