spring boot+vue前后端分离设计开发方案，阿里前端开发手册

上面这是最简单的合并方式，但是如果作为工程级的项目开发，并不推荐使用手工合并，也不推荐将前端代码构建后提交到springboot的resouce下，好的方式应该是保持前后端完全独立开发代码，项目代码互不影响，借助jenkins这样的构建工具在构建springboot时触发前端构建并编写自动化脚本将前端webpack构建好的资源拷贝到springboot下再进行jar的打包，最后就得到了一个完全包含前后端的springboot项目了。

三、整合的核心问题处理

通过上面的整合后会出现两个比较大的问题：

1. 无法正常访问静态资源 。

2. vue router路由的路径无法正常解析 。

解决第一个问题，我们必须重新指定springboot的静态资源处理前缀，代码：

@Configuration

public class SpringWebMvcConfig extends WebMvcConfigurerAdapter {

@Override

public void addResourceHandlers(ResourceHandlerRegistry registry) {

registry.addResourceHandler(“/static/**”).addResourceLocations(“classpath:/static/”);

super.addResourceHandlers(registry);

}

}

解决第二个问题的方式是对vue的路由的路径做rewrite，交给router来处理，而不是springboot自己处理，rewrite时可以考虑路由的路径统一增加后最，然后在springboot中编写过