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

前言

昨晚在交流群里有大佬提及【系统演示环境】数据被人删除了，因而 狮子大佬 去服务器上修改了 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