在一個現(xiàn)代的Web應(yīng)用中，使用Spring作為后端框架已經(jīng)是非常常見的選擇，而現(xiàn)在的前端框架也變得越來越重要。Vue是一個非常流行的前端框架，它可以幫助我們創(chuàng)建一個高效、易于維護(hù)的用戶界面。在這篇文章中，我們將介紹如何結(jié)合Spring和Vue項目，并且如何使用Maven來管理這部分前端代碼。

首先我們需要在Spring項目中創(chuàng)建一個vue文件夾，并在其中新增一個名為Vue的新項目（其中默認(rèn)帶有幾個示例文件，我們可以根據(jù)自己的需求修改或刪除）。接著我們需要在pom.xml文件中添加以下依賴：

<dependency>
<groupId>com.github.eirslett</groupId>
<artifactId>frontend-maven-plugin</artifactId>
<version>1.11.3</version>
</dependency>

這個依賴是一個Maven插件，它可以將我們在vue文件夾中創(chuàng)建的Vue項目打包并嵌入到Spring應(yīng)用程序中。

接著，我們需要在vue項目中的package.json文件里添加以下腳本 (scripts)：

"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
}

其中serve命令可以在開發(fā)過程中使用，而build命令則是為了將Vue項目打包成靜態(tài)文件，方便在Spring項目中嵌入。

接下來，我們需要將前端項目與后端項目進(jìn)行集成。在Spring項目的resources文件夾下創(chuàng)建一個名為/static的文件夾，用來存儲Vue項目打包后生成的靜態(tài)文件。接著，在Spring項目中找到spring-boot-starter-web模塊下的application.properties文件，在文件的最后添加以下代碼：

spring.resources.static-locations=classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/

這行代碼是為了告訴Spring在哪里找到靜態(tài)文件。這一步完成后，我們就可以將Vue項目打包成靜態(tài)文件并將其嵌入到Spring應(yīng)用程序中。

最后，在Vue項目中運(yùn)行npm run build指令，將Vue項目打包成靜態(tài)文件，并將生成的dist文件夾拷貝到Spring項目的/static文件夾下。這樣，我們的Spring-Vue集成就完成了！