springboot整合vue项目(小试牛刀)

2021-06-01 14:09codecraft Java教程

这篇文章主要介绍了springboot整合vue项目(小试牛刀)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

序

本文主要研究一下如何在springboot工程整合vue

maven

				?

									<dependency>

									  <groupid>org.springframework.boot</groupid>

									  <artifactid>spring-boot-starter-web</artifactid>

									</dependency>

新建springboot的web工程，默认会在resources目录下生成static以及templates文件夹

templates文件用于存放后端渲染的模板，这里我们采用前后端分离的方式，因而该文件夹就没有用了

static文件夹就是存放静态文件的地方

plugin

				?

									<build>

									  <plugins>

									    <plugin>

									      <groupid>org.springframework.boot</groupid>

									      <artifactid>spring-boot-maven-plugin</artifactid>

									    </plugin>

									    <!-- mvn process-resources -->

									    <plugin>

									      <artifactid>maven-resources-plugin</artifactid>

									      <executions>

									        <execution>

									          <id>copy vue.js frontend content</id>

									          <phase>generate-resources</phase>

									          <goals>

									            <goal>copy-resources</goal>

									          </goals>

									          <configuration>

									            <outputdirectory>src/main/resources/static</outputdirectory>

									            <overwrite>true</overwrite>

									            <resources>

									              <resource>

									                <directory>${basedir}/vue-demo/dist</directory>

									                <includes>

									                  <include>static/</include>

									                  <include>index.html</include>

									                </includes>

									              </resource>

									            </resources>

									          </configuration>

									        </execution>

									      </executions>

									    </plugin>

									  </plugins>

									</build>