ruoyi若依vue分离版前端资源打包到jar中

文章目录


前言

小项目,嫌麻烦,想用vue语法,但不想单独部署vue前端,希望把jar包放到服务器就行直接访问前端。


一、前端修改ruoyi-ui目录中vue.config.js

找到文件中module.exports对象中的outputDir值,修改为:

bash 复制代码
outputDir: '../ruoyi-admin/src/main/resources/static',


二、后端修改

1、ruoyi-admin模块修改

1.1、修改pom

在build节点中加入以下代码

xml 复制代码
<resources>
    <resource>
        <directory>src/main/resources</directory>
        <filtering>true</filtering>
        <excludes>
            <exclude>static/**</exclude>
        </excludes>
    </resource>
    
    <resource>
        <directory>src/main/resources</directory>
        <filtering>false</filtering>
        <includes>
            <include>static/**</include>
        </includes>
    </resource>
</resources>

完整build配置,仅供参考

xml 复制代码
<build>
     <plugins>
         <plugin>
             <groupId>org.springframework.boot</groupId>
             <artifactId>spring-boot-maven-plugin</artifactId>
             <version>2.5.15</version>
             <configuration>
                 <fork>true</fork> <!-- 如果没有该配置,devtools不会生效 -->
             </configuration>
             <executions>
                 <execution>
                     <goals>
                         <goal>repackage</goal>
                     </goals>
                 </execution>
             </executions>
         </plugin>
         <plugin>   
             <groupId>org.apache.maven.plugins</groupId>   
             <artifactId>maven-war-plugin</artifactId>   
             <version>3.1.0</version>   
             <configuration>
                 <failOnMissingWebXml>false</failOnMissingWebXml>
                 <warName>${project.artifactId}</warName>
             </configuration>   
        </plugin>   
     </plugins>
     <finalName>${project.artifactId}</finalName>
     
     <!--新加代码-->
	<resources>
         <resource>
             <directory>src/main/resources</directory>
             <filtering>true</filtering>
             <excludes>
                 <exclude>static/**</exclude>
             </excludes>
         </resource>
         
         <resource>
             <directory>src/main/resources</directory>
             <filtering>false</filtering>
             <includes>
                 <include>static/**</include>
             </includes>
         </resource>
     </resources>
</build>

1.2、修改SysIndexController

index()方法接口注释掉

2、ruoyi-framework模块修改

2.1、修改SecurityConfig配置开放resource/static的访问权限

bash 复制代码
.antMatchers(HttpMethod.GET,"/static/**").permitAll()

三、前后端打包

1、执行前端打包

bash 复制代码
npm run build:stage

或者

bash 复制代码
npm run build:prod

前端打包完成后,资源文件已存放在后端ruoyi-admin模块resources/static目录中

2、后端正常打包即可

略过

四、访问验证

1、IP访问

bash 复制代码
IP:PROT

2、域名访问

nginx server配置

bash 复制代码
server {
	listen 80;
	server_name  你的域名;
	
    location / {
       	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://127.0.0.1:你的后端服务端口;
   }

    location /index {
        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://127.0.0.1:你的后端服务端口/;
   }

    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://127.0.0.1:你的后端服务端口/;
	}
	
    location /stage-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://127.0.0.1:你的后端服务端口/;
	}
}

相关推荐
麻衣带我去上学30 分钟前
Spring源码学习(五):Spring AOP
java·学习·spring
北欧人写代码1 小时前
idea java 项目右键new file时 为什么是 kotlin class 不是普通class
java·kotlin·intellij-idea
笔墨登场说说1 小时前
JDK 里面的线程池和Tomcat线程池的区别
java·servlet·tomcat
on the way 1231 小时前
java.io.IOException: Too many open files
java·开发语言
m0_571957582 小时前
Java | Leetcode Java题解之第538题把二叉搜索树转换为累加树
java·leetcode·题解
CAORENZHU2 小时前
Java NIO 核心知识.下
java
程序员徐师兄2 小时前
基于 JavaWeb 的宠物商城系统(附源码,文档)
java·vue·springboot·宠物·宠物商城
小鸡脚来咯2 小时前
java 中List 的使用
java·开发语言
南棱笑笑生2 小时前
20241105编译Rockchip原厂的Android13并给荣品PRO-RK3566开发板刷机
java·开发语言·前端
Erorrs2 小时前
Android13 系统/用户证书安装相关分析总结(二) 如何增加一个安装系统证书的接口
android·java·数据库