美文网首页
Spring boot后端,vue前端路由设置无法刷新

Spring boot后端,vue前端路由设置无法刷新

作者: 彩色帆 | 来源:发表于2018-11-29 14:02 被阅读0次

    在vue脚手架搭建的前端代码中,可以按照正常的路由信息进行路由的设置,完全没有问题,但是把打包好的前端代码放在spring boot的项目中,发现可以跳转,但是无法刷新,一开始以为是路径设置的错误,后来发现是前端的问题,这时候就需要进行相关的设置,进行一圈查询后,使用的解决方案如下:

    参考https://blog.csdn.net/qq_30051139/article/details/80074092

    @SpringBootApplication

    public class BlogApiApplication {

        public static void main(String[] args) {

            SpringApplication app = new SpringApplication(BlogApiApplication.class);

            app.run(args);

        }

        @Bean

        public EmbeddedServletContainerCustomizer containerCustomizer() {

            return new EmbeddedServletContainerCustomizer() {

                @Override

                public void customize(ConfigurableEmbeddedServletContainer container) {

                    ErrorPage error404Page = new ErrorPage(HttpStatus.NOT_FOUND, "/index.html");

                    container.addErrorPages(error404Page);

                }

            };

        }

    }

    但是在spring boot2.0之后的版本中已经不支持EmbeddedServletContainerCustomizer 的配置了。

    Spring Boot2.0以上配置嵌入式Servlet容器时EmbeddedServletContainerCustomizer类不存在,经网络查询发现被WebServerFactoryCustomizer替代

    经过更改后的代码如下:

    @Bean

    public WebServerFactoryCustomizerwebServerFactoryCustomizer() {

    return new WebServerFactoryCustomizer() {

    @Override

            public void customize(ConfigurableWebServerFactory container) {

    ErrorPage error404Page =new ErrorPage(HttpStatus.NOT_FOUND, "/index.html");

                container.addErrorPages(error404Page);

            }

    };

    }@Bean

    public WebServerFactoryCustomizerwebServerFactoryCustomizer() {

    return new WebServerFactoryCustomizer() {

    @Override

            public void customize(ConfigurableWebServerFactory container) {

    ErrorPage error404Page =new ErrorPage(HttpStatus.NOT_FOUND, "/index.html");

                container.addErrorPages(error404Page);

            }

    };

    }

    经过测试,可以进行正常的跳转了。

    相关文章

      网友评论

          本文标题:Spring boot后端,vue前端路由设置无法刷新

          本文链接:https://www.haomeiwen.com/subject/mqxfcqtx.html