JHipster项目启动后默认的8080主页是空白页面？

1、背景

根据官网一步步地生成项目，他喵的启动后居然是一个空白页面，这怎么玩啊？还有这种操作的吗？跟说好的不一样啊！关于JHipster资料，国内少的可怜，几乎都是同一样的东西，纯介绍的文章，只好上stackoverflow上查了。

2、相似的情况

在stackoverflow找到了一个相似的提问，不过没有具体的解决方法，倒是里面的某个评论给了我很大的提示。

By default, yarn listens on port 9000 (webpack + browser sync) to hot reload frontend code and contents, maven or gradle listens on port 8080 to hot reload server code. You must run both in dev.

在开发阶段，通常使用yarn start来启动angular2，可以在开发过程中热加载修改后的代码，然后通过./mvnw来启动Spring Boot后端的api服务。

那么问题来了，我以后要上线的时候也要这样启动啊？(╯‵□′)╯︵┻━┻

3、解决过程

由于前端是angular2，虽然可以热加载方便开发者开发，但是上线也不会这样做的。

通过了解angular2，可以通过ng build打包好，然后可以直接访问主页。

我在项目的目录下执行ng build后，打包好的代码自动生成到target的www上面。

再次启动项目，还是空白页面，回到原点。

打开浏览器的F12的network，居然只有一个localhost？？？

不对啊！为什么只会有一个localhost呢？其他资源没有加载吗？有猫腻！

打开生成项目的代码，找到配置web资源的WebConfigurer，通过查看代码，我们可以看到：

public void customize(ConfigurableEmbeddedServletContainer container) {
        MimeMappings mappings = new MimeMappings(MimeMappings.DEFAULT);
        // IE issue, see https://github.com/jhipster/generator-jhipster/pull/711
        mappings.add("html", "text/html;charset=utf-8");
        // CloudFoundry issue, see https://github.com/cloudfoundry/gorouter/issues/64
        mappings.add("json", "text/html;charset=utf-8");
        container.setMimeMappings(mappings);
        // When running in an IDE or with ./mvnw spring-boot:run, set location of the static web assets.
        setLocationForStaticAssets(container);

        /*
         * Enable HTTP/2 for Undertow - https://twitter.com/ankinson/status/829256167700492288
         * HTTP/2 requires HTTPS, so HTTP requests will fallback to HTTP/1.1.
         * See the JHipsterProperties class and your application-*.yml configuration files
         * for more information.
         */
        if (jHipsterProperties.getHttp().getVersion().equals(JHipsterProperties.Http.Version.V_2_0) &&
            container instanceof UndertowEmbeddedServletContainerFactory) {

            ((UndertowEmbeddedServletContainerFactory) container)
                .addBuilderCustomizers(builder ->
                    builder.setServerOption(UndertowOptions.ENABLE_HTTP2, true));
        }
    }

其中，setLocationForStaticAssets(container);就是设置网站的静态资源的位置。眼看代码是没问题的，唯有debug救我。debug下面的代码：

private void setLocationForStaticAssets(ConfigurableEmbeddedServletContainer container) {
        File root;
        String prefixPath = resolvePathPrefix();
        root = new File(prefixPath + "target/www/");
        if (root.exists() && root.isDirectory()) {
            container.setDocumentRoot(root);
        }
    }

通过debug发现，root的路径多了%20的字符导致找不到路径，%20就是空格，将空格去掉再试一试~

果然是这个问题，去掉空格之后就有内容了。

4、结案

看看目录的路径是否带有空格或者中文字符，有的话去掉试试看。