[vue]Spring boot后端如何支持HTML 5 History模式

笔者在公司项目中，遇到了如下问题：

问题描述

vue-router默认是hash模式，但是也支持History模式。这2种模式的区别，这里不再赘述。详情可以参见vue-router官网。

从官网可以看到vue-router配置为history模式时，需要后端的支持。官网给出的Apache后端的配置方法如下。

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

Spring boot后台如何进行配置

但是，在使用Spring boot后台的情况下，如何进行配置呢？

下面笔者参考了Stackoverflow上解决方案：

@Component
public class WebConfiguration implements EmbeddedServletContainerCustomizer {
    @Override
    public void customize(ConfigurableEmbeddedServletContainer configurableEmbeddedServletContainer) {
        configurableEmbeddedServletContainer.addErrorPages(new ErrorPage(HttpStatus.NOT_FOUND, "/index.html"));
    }
}

其原理是找不到页面时，后端返回index.html即可。

经过测试，这种方式是有效的。分享之。