首页 > 其他分享 >SpringBoot:SpringWeb项目+Vue项目dist包整合成jar包

SpringBoot:SpringWeb项目+Vue项目dist包整合成jar包

时间:2023-06-18 16:39:35浏览次数:43  
标签:Vue dist SpringBoot 项目 jar maven 打包 resources

接到需求做一个小功能项目,其中还要配备前端页面,并且将前端打包进后端jar包内,由jar包运行。

项目结构

将Vue打包之后的dist文件放到resouces资源路径下

SpringBoot:SpringWeb项目+Vue项目dist包整合成jar包_jar

修改pom文件

将下面的build配置替换掉pom中的build

<build>
  <finalName>自定义项目jar名称(可以用 ${project.artifatId})</finalName>
  <resources>
    <resource>
      <!-- 加载resources下的dist文件夹 -->
      <directory>src/main/resources/dist</directory>
      <targetPath>META-INF/resources/</targetPath>
    </resource>  
    <resource>
      <!-- 加载resources下的dist文件夹 -->
      <directory>src/main/resources</directory>
      <includes>
        <include>sql/**</include>
        <include>*.yml</include>
        <include>logback.xml</include>
      </includes>
      <filtering>false</filtering>
    </resource>  
  </resources>
    
  <plugins>
    <plugin>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-maven-plugin</artifactId>
      <version>2.4.0</version>
      <executions>
        <execution>
          <goals>
            <goal>repackage</goal>
          </goals>
        </execution>
      </executions>
    </plugin> 
    <plugin>
      <groupId>org.apache.maven.plugins</groupId>
      <artifactId>maven-war-plugin</artifactId>
      <version>2.6</version>
      <configuration>
        <failOnMissingWebXml>false</failOnMissingWebXml>
      </configuration>
    </plugin> 
  </plugins>  
</build>

之后通过maven打包就可以将dist文件加载到jar内了,访问jar端口就可以看到页面

 

作者:怒吼的萝卜

标签:Vue,dist,SpringBoot,项目,jar,maven,打包,resources
From: https://blog.51cto.com/u_12835254/6508726

相关文章

  • vue 路由懒加载
    VUE路由的懒加载,官网是这样说明的:当打包构建应用时,JavaScript包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就会更加高效。VueRouter支持开箱即用的动态导入,这意味着你可以用动态导入代替静态导......
  • SpringBoot自动配置的原理
    以WebMvcAutoConfiguration自动配置的原理为例,SpringBoot内部对大量的第三方库或Spring内部库进行了默认配置,这些配置是否生效,取决于我们是否引入了对应库所需的依赖,如果有那么默认配置就会生效。如果引入springboot-starter-web那么对应的web配置就会自动配置。那么是如何自动配......
  • SpringBoot整合Kafka
    第一步: 第二步: 第三步:  ......
  • 前端Vue加载中页面动画弹跳动画loading
    前端Vue加载中页面动画弹跳动画loading,下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13091效果图如下:使用方法<!--ref:唯一ref top:距离中间顶部距离--><cc-loadingref="mixLoad":top="0"></cc-loading>//隐藏动画this.$refs.mix......
  • SpringBoot项目报错解决:“Error starting ApplicationContext. To display the condit
    SpringBoot项目报错:ErrorstartingApplicationContext.Todisplaytheconditionsreportre-runyourapplicationwith'debug'enabled.以下方案80%可以帮助您解决这些个‘可恶的’问题目录一、编译出问题二、代码格式导致的编译出问题三、请求接口重复四、......
  • 一文看完Vue3的渲染过程
    Vue3官网中有下面这样一张图,基本展现出了Vue3的渲染原理:本文会从源码角度来草率的看一下Vue3的运行全流程,旨在加深对上图的理解,从下面这个很简单的使用示例开始:import{createApp,ref}from"vue";createApp({template:`<divclass="card"><butt......
  • 关于uni-app与vue路由配置的不同,不使用uni.navigateTo接口跳转时,使用this.$router.pus
    之前用vue写router路由的时候,先配置一个路由表,然后再将配好的路由push到已有的组件里面,再通过<RouterView></RouterView>方法将每一个调用的路由的内容渲染到父组件要用的位置。今晚我在用uni-app的时候,突然不想用uni-app自己提供的路由跳转方法:uni.navigateTo我想用vue那种路由......
  • 前端Vue分享菜单按钮弹框、微博分享、QQ分享、微信好友、朋友圈
    前端Vue分享菜单按钮弹框、微博分享、QQ分享、微信好友、朋友圈 ,下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13085效果图如下:使用方法<!--分享ref:设置一个唯一refcontentHeight:弹框高度shareList:分享数组click:分享菜单按钮点击--......
  • SpringBoot中跨域问题的处理
    跨越问题产生原因:产生跨域问题的原因是浏览器的同源策略,所谓同源是指:域名,协议,端口相同。如果不同,将会出现跨域问题。一、创建项目我们创建两个项目,一个命名为provider提供服务,一个命名为consumer消费服务,第一个项目端口配置为8080,第二个项目端口配置为8081,然后在provider中提供一个......
  • SpringBoot整合RocketMQ
    前提是必须已经安装了RocketMQ并配置好相关的环境变量(自行百度) 第一步: 第二步: 第三步:  第四步: ......