[vue]Spring boot后端如何支持HTML 5 History模式
笔者在公司项目中,遇到了如下问题:问题描述vue-router默认是hash模式,但是也支持History模式。这2种模式的区别,这里不再赘述。详情可以参见vue-router官网。从官网可以看到vue-router配置为history模式时,需要后端的支持。官网给出的Apache后端的配置方法如下。<IfModule mod_rewrite.c>RewriteEngine OnRewr
·
笔者在公司项目中,遇到了如下问题:
问题描述
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即可。
经过测试,这种方式是有效的。分享之。
更多推荐
已为社区贡献3条内容
所有评论(0)