更改vue里面vue.config.js

运行build命令 npm run build:prod

生成dist文件夹

打开你的springboot项目

复制static文件夹到 src/main/resources/ 并将index.html移动到templates(使用template)

更改index.html文件中导入地址 

在colltroller层写一个控制器返回index.html

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;@Controller
public class SpaController {@RequestMapping("/index")public ModelAndView forward() {ModelAndView model = new ModelAndView();model.setViewName("index");return model;}
}

配置WebMvcConfig

@Configuration
@ComponentScan({"com.Manage.config", "com.Manage.controller", "com.Manage.filter"})
@EnableWebMvc
public class WebMvcConfig implements WebMvcConfigurer {@Overridepublic void addInterceptors(InterceptorRegistry registry) {// 添加拦截器，并指定需要拦截的路径registry.addInterceptor(jwtInterceptor)//jwtInterceptor为自定义token拦截器.addPathPatterns("/**") // 拦截所有路径，可以根据需要修改这个配置.excludePathPatterns("/index","/static/**"); // 排除不需要拦截的路径}@Overridepublic void addViewControllers(ViewControllerRegistry registry) {// 将根路径 "/" 的请求重定向到 "/index.html"registry.addViewController("/login").setViewName("forward:/index.html");WebMvcConfigurer.super.addViewControllers(registry);}
@Overridepublic void addResourceHandlers(ResourceHandlerRegistry registry) {registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");}}

访问浏览器"http://localhost:你的端口号/index"即可