场景
之前用到的前后端分离都是通过nginx进行代理与反向代理的方式。最近在公司做一些小型的内部使用的管理系统，vue+SpringBoot，vue使用history模式，在部署的时候希望除去nginx层。即tomcat既做为rest server也作为web static server。
坑
1.静态文件位置
最简单的方式就是放入到classpath中，SpringMVC默认的几个resouce路径可以自行百度。然后流程就是：
- vue: npm run build
- cp vue dist to classpath
- server run
启动成功，访问静态文件成功，但这样一个过程是有问题的，有点和前后端分离背道而驰，正所谓分久必合合久必分......当前端修改一点点东西，前端需要build服务端也需要跟着restart，那我们可以选择指定静态文件的路径。于是乎各种baidu google下搜到了可以通过继承WebMvcConfigurerAdapter重写addResourceHandlers来指定静态文件路径。
第一版大概长成这个样子：
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
super.addResourceHandlers(registry);
registry.addResourceHandler("/**").addResourceLocations("f:/static/");
}
后来各种服务无响应，自信的认为是\和 /的问题，然后各种排列组合。嗯很明显失败了。。。
再后来看到配置classpath需要classpath:/xxx才想起来应该改成file:/f:/static/
嗯，果然是这样，然后将路径提取到配置文件。。。嗯没什么技术含量，但是是容易忽视的小坑。。。
public WebMvcConfigurer webMvcConfigurer() {
return new WebMvcConfigurerAdapter() {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedHeaders("*")
.allowedMethods("*")
.allowedOrigins("*");
}
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
super.addResourceHandlers(registry);
registry.addResourceHandler("/**").addResourceLocations(webPath);//webPath="file:F:/workspace/static/"
}
};
}
2.history模式 mvc的支持
vue中路由模式默认是hash，但是由于使用的是history模式，所以需要SpringMVC进行配置支持，很简单将所有的静态文件404都返回index.html。
SpringMVC最终配置：
@Configuration
public class WebConfiguration {
@Value("${web.static.resource}")
String webPath;
@Bean
public WebMvcConfigurer webMvcConfigurer() {
return new WebMvcConfigurerAdapter() {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedHeaders("*")
.allowedMethods("*")
.allowedOrigins("*");
}
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
super.addResourceHandlers(registry);
registry.addResourceHandler("/**").addResourceLocations(webPath);
}
};
}
@Bean
public EmbeddedServletContainerCustomizer containerCustomizer() {
return container -> {
//Vue 配置
ErrorPage error404Page = new ErrorPage(HttpStatus.NOT_FOUND, "/index.html");
container.addErrorPages(error404Page);
};
}
}
web.static.resource: file:F:/workspace/static/
SpringMVC对静态文件的缓存
目前设置关闭缓存，后期添加文件hash判读。
总结
内容很简单，没什么可总结的······当个备忘录。。。
