springboot整合前端静态资源及VUE项目，打包成jar

由于springboot内置了tomcat等容器，因此可以将前端程序打成jar包，减少多安装tomcat工作，springboot整合前端静态资源及VUE项目主要步骤如下：一、pom build增加路径映射配置<build><resources><resource><directory>${...

yongshenghuang

8145人浏览 · 2019-10-09 16:04:23

yongshenghuang · 2019-10-09 16:04:23 发布

由于springboot内置了tomcat等容器，因此可以将前端程序打成jar包，减少多安装tomcat工作，springboot整合前端静态资源及VUE项目主要步骤如下：

一、pom build增加路径映射配置

<build>
   <resources>
      <resource>
         <directory>${basedir}/src/main/webapp</directory>
         <!--注意此次必须要放在此目录下才能被访问到-->
         <targetPath>META-INF/resources</targetPath>
         <includes>
            <include>**/**</include>
         </includes>
      </resource>
      <resource>
         <directory>${basedir}/src/main/resources</directory>
         <includes>
            <include>**/**</include>
         </includes>
      </resource>
   </resources>
   <plugins>
      <plugin>
         <groupId>org.springframework.boot</groupId>
         <artifactId>spring-boot-maven-plugin</artifactId>
      </plugin>
   </plugins>
</build>

二、properties配置文件

spring boot项目中的静态资源文件存放在static文件下面，当通过浏览器访问这些静态文件时，必须要添加static作为前缀才能访问,配置spring.mvc.static-path-pattern=/**,可不加static。

三、copy静态资源到resources.static下，如下图

四、springboot整合VUE

将打包好的vue程序放到static下，和上面三个步骤一致，将index.html放到templates资源文件夹下，如下图：

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^