1. vue3构建

     构建命令 npm run build， 构建的结果在disc目录：

2. springboot集成

   2.1 拷贝vue3构建结果到springboot resources/static目录

2.2 springboot pom依赖

添加thymeleaf依赖

        <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><!--thymeleaf--><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId></dependency>

2.3 application.yml新增thymeleaf配置

server:port: 8081spring:# 打成jar包必须添加如下配置才能找到页面thymeleaf:mode: HTMLcache: falseprefix: classpath:/static

2.4 新增后台页面controller

package com.spring.test.demo.controller;import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;/*** 页面跳转控制器*/
@Controller
public class PageController {//后台页面@RequestMapping("/{backPage}")public String backPage(@PathVariable String backPage) {return "/" + backPage;}
}

2.5 运行springboot并访问后台页面

    访问后台页面： http://localhost:8081/index