SpringBoot是一個開源的Java Web開發框架，可以輕松快速地構建Web應用程序，而Vue是一個現代JavaScript框架，用于構建交互式Web界面。SpringBoot與Vue的結合，可以有效加速Web開發流程，提高開發效率。
整合SpringBoot和Vue，首先需要搭建好SpringBoot后端的環境，并安裝好Node.js和Vue前端的環境。
接下來，我們需要在SpringBoot項目中引入Vue的前端代碼。在src/main/resources/static目錄下新建一個文件夾，取名為“vue”，并將Vue項目中的dist文件夾中的所有文件拷貝到“vue”目錄下。這樣，Vue前端代碼就可以被SpringBoot項目引用了。
@RequestMapping("/")
public String index(Model model) {
return "index";
}在上述代碼中，我們定義了一個RequestMapping，它會把index.html文件返回給瀏覽器，同時也會把一些用于渲染內容的數據加入到模型中。在這里，我們要把“index.html”作為Vue的前端頁面，因此需要在src/main/resources/templates目錄下，新建一個名為“index.html”的文件。該文件的內容如下：
Title
在上述代碼中，我們引入了Vue的主JavaScript文件app.js。該文件加載了所有的Vue組件，并將它們掛載到Vue實例的“app”元素上。這樣，我們就完成了Vue前端的引入和掛載。
接下來，我們要確保SpringBoot項目和Vue項目都能夠成功啟動。我們可以在SpringBoot項目中執行命令mvn spring-boot:run，啟動SpringBoot服務；在Vue項目中執行命令npm run dev，啟動Vue開發服務器。通過這種方式，我們就可以在開發環境中進行前后端聯調。
現在，我們已經成功地將SpringBoot和Vue整合在了一起。如果需要對Vue項目進行打包，可以執行npm run build命令，在“dist”目錄下生成打包后的文件。而我們只需要將該目錄下的所有文件復制到“vue”目錄下，即可在SpringBoot項目中進行引用和部署。