ICode9

精准搜索请尝试: 精确搜索
首页 > 系统相关> 文章详细

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

2021-12-03 20:33:24  阅读:302  来源: 互联网

标签:index Vue 演示 07 配置 RuoYi nginx html 打包


文章目录

前言

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

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

三、项目部署

参考目录

后端部署没什么好说的,配置好环境就可以了。主要是前端部署不大熟悉需要看下具体配置。
在这里插入图片描述
本文使用的是演示环境打包,因此需要修改 .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

在这里插入图片描述

标签:index,Vue,演示,07,配置,RuoYi,nginx,html,打包
来源: https://blog.csdn.net/Michelle_Zhong/article/details/121693189

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有